В синтаксисе React Router DOM версии 6 (v6) внесены некоторые изменения по сравнению с предыдущими версиями. Вот некоторые примечательные методы и концепции в React Router DOM v6:

1. и : это компоненты маршрутизатора верхнего уровня, которые обеспечивают функцию маршрутизации в вашем приложении React. использует API истории HTML5, а использует хеш URL-адреса.

2. и : — это новый компонент, представленный в версии 6, который заменяет предыдущий <компонент code>. Он позволяет вам определять несколько маршрутов с помощью компонентов . используется для определения конкретного маршрута и связанных с ним компонентов.

Хук

3. useRoutes: в версии 6 вы можете использовать хук useRoutesдля сопоставления и отображения маршрутов на основе текущего местоположения. Он обеспечивает программный способ обработки логики маршрутизации в функциональных компонентах.

4. и : эти компоненты используются для создания навигационных ссылок. создает обычный тег привязки, а предоставляет дополнительные функции, например стилизацию активной ссылки на основе текущего URL-адреса.

Хуки

5. useLocationи useNavigate: Хук useLocationпредоставляет вам доступ к текущему объекту местоположения, включая URL-адрес и другие сведения. Хук useNavigateпозволяет программно перейти к другому маршруту.

6. Параметры маршрута. В версии 6 параметры маршрута определяются с использованием нотации :. Например, путь маршрута «/users/:id» будет соответствовать URL-адресам типа «/users/1» или «/users/2», а параметр idбудет доступен в компоненте.

7. Вложенные маршруты: версия 6 позволяет вкладывать маршруты друг в друга, что упрощает создание сложных структур маршрутизации.