ReactJS Tutorial

CRUD Computer Manager (ReactJS)

Tạo app quản lý computer bằng React.

Yêu cầu

  • Hiển thị danh sách computer
  • Thêm computer
  • Sửa computer
  • Xóa computer
  • Xem chi tiết computer

Mỗi computer gồm

  • id
  • name
  • brand
  • price

Bắt buộc dùng

React Router

Routes:

/               -> Danh sách
/create -> Thêm mới
/edit/:id -> Sửa
/computer/:id -> Chi tiết

Dynamic Route

Dùng:

useParams()

localStorage

  • Lưu dữ liệu vào localStorage
  • Reload vẫn còn data

Ví dụ:

localStorage.setItem("computers", JSON.stringify(computers))

useEffect

Dùng để:

  • Load data từ localStorage


Phản hồi từ học viên

5

Tổng 0 đánh giá

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó