How do you handle 404 Not Found pages in React Router?
4 phương ánCó giải thíchDễ
<Routes> <Route path="/" element={
<Home />
}
/> <Route path="/about" element={
<About />
}
/> <Route path="*" element={
<NotFound />
}
/> </Routes>Các phương án trả lời
Chọn một phương ánLời giảiChọn phương án để mở
Để xử lý trang 404 Not Found trong React Router, bạn cần thêm một route đặc biệt có path là ".*". Điều này cho phép React Router bắt gặp và chuyển hướng đến trang 404 khi người dùng truy cập vào một URL không tồn tại. Bạn có thể thêm route này vào cuối danh sách các route như sau: <Route path="*" element={ <NotFound /> } />. Điều này cho phép bạn định nghĩa một component riêng biệt để hiển thị khi người dùng truy cập vào một URL không tồn tại. Ngoài ra, bạn cũng có thể sử dụng component này để hiển thị thông tin về trang không tồn tại, chẳng hạn như một liên kết quay lại trang chủ hoặc một thông báo về trang không tồn tại.