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 án
Lờ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

Xuất hiện trong 1 bộ đề