-
Nắm được các kiến thức tổng hợp thư viện react router
-
Ứng dụng các kiến thức về react router để xây dựng các chức năng trong trang web
-
Tạo hai component ListProduct và ProductDeatil
-
Trong component ListProduct, tạo một mảng products với các trường: id, name, price, image. Sau đó lưu mảng dữ liệu lên localStorage
-
Thực hiện render dữ liệu ra ngoài giao diện
-
Khi nhấn vào xem tiết thì chuyển qua trang detail và hiển thị thông tin chi tiết của sản phẩm
-
Thực hiện chức năng tìm kiếm sản phẩm, khi nhập dữ liệu lên ô input và nhấn nút tìm kiếm, dữ liệu tìm kiếm sẽ hiển thị trên thanh url
-
Đường dẫn:
http://localhost:5173/list-product?name=vivo