Which of the following is the correct way to navigate to the /about page using react-router-dom?

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: "<Link to="/about">About</Link> ". Component Link của react-router-dom hiển thị thành thẻ a nhưng chặn hành vi tải trang mặc định và đổi URL qua History API, để React Router chỉ render route khớp mà không tải lại toàn bộ trang, giữ nguyên state của ứng dụng; thuộc tính to chỉ đường dẫn đích. "<a href="/about">About</a> " sai vì thẻ a thường vẫn đến được trang nhưng trình duyệt tải lại toàn bộ ứng dụng từ máy chủ, mất state và mất lợi ích của điều hướng phía client. "<Route to="/about">About</Route> " sai vì Route dùng để khai báo tuyến đường với path và element, không có thuộc tính to và không tạo liên kết bấm được. "<Navigate to="/about">About</Navigate> " sai vì Navigate chuyển hướng ngay khi được render, dùng cho trường hợp như chưa đăng nhập, nó không hiển thị chữ About thành liên kết cho người dùng bấm.

Cùng phần 7

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