Which of the following is the correct way to navigate to the "/home" route using the useNavigate hook?
4 phương ánCó giải thích
Các phương án trả lời
Chọn một phương ánLời giảiChọn phương án để mở
Đáp án đúng: "const navigate = useNavigate(); navigate('/home');". Trong React Router v6, hook useNavigate trả về một hàm điều hướng; gọi hàm đó với đường dẫn sẽ chuyển sang route tương ứng phía client mà không tải lại trang, thường dùng sau khi gửi biểu mẫu hay đăng nhập xong, và có thể truyền thêm tuỳ chọn replace hoặc số âm để quay lại. "const navigate = useRoute(); navigate('/home');" sai vì react-router-dom không có hook useRoute. "const navigate = useHistory(); navigate('/home');" sai vì useHistory là hook của v5, đã bị bỏ ở v6, và nó trả về object history nên phải gọi history.push chứ không gọi trực tiếp như một hàm. "const navigate = useNavigation(); navigate('/home');" sai vì useNavigation trong React Router v6.4 trở lên trả về trạng thái điều hướng hiện tại như idle hay loading để hiển thị chỉ báo tải, không phải hàm chuyển trang; tên này còn là hook của thư viện React Navigation trong React Native.
Cùng phần 7
How would you navigate programmatically to a route with a parameter using useNavigate in React Router?Có lời giảiCâu hỏiHow do you declare a route in React Router?Có lời giảiCâu hỏiIn React Router, how do you define a nested route structure within a parent component?Có lời giảiCâu hỏiCả 39 câu của chủ đề39 câu