Реактивный маршрутизатор

Сегодня я узнаю о React router dom, вот какой момент, чтобы начать работу с ним.

О React-маршрутизаторе

  • Использовать для маршрутизации страниц
  • Самая популярная библиотека javascript
  • Простота обработки маршрута в react.js

Начнем с установки

  • Во-первых, вам нужно начать с настройки реактивного проекта.
  • использовать имя приложения npm create-реагировать-приложение

- Вторая установка реактивного маршрутизатора

- npm i -D реагировать-маршрутизатор-dom

Многие разработчики предпочитают использовать это в index.js, но я предпочитаю App.js.

Начнем использовать это на практике

  • Прежде всего импортируйте его из react-router-dom
  • импортировать {BrowserRouter, Routes, Route} из «react-router-dom»;

Есть в основном три тега

  • ‹Браузермаршрутизатор›‹/Браузермаршрутизатор›

-Обернуть все содержимое

- ‹Маршруты›‹/Маршруты›

Существует несколько маршрутов для одного проекта

  • ‹Маршрутный путь=”контакт” element={‹Контакт /›} /›
  • Третий — маршрут. Также есть несколько маршрутов.
  • путь = после основного домена, например: контакт
  • элемент = на контактном пути отображается контактный компонент рендеринга