React Router v4 предоставляет три основных компонента <Router>, каждый из которых управляет историей приложения по-разному:
<BrowserRouter> – создаёт экземпляр истории браузера, используя HTML5 History API<HashRouter> – создаёт экземпляр истории хешей, используя хеш-фрагменты URL<MemoryRouter> – создаёт экземпляр истории в памяти, полезно для тестирования и сред без браузераКаждый компонент <Router> создаёт уникальный экземпляр истории, который отслеживает состояние навигации в твоём приложении. Эти компоненты делают связанные с историей свойства и методы доступными по всему приложению через встроенный в объект роутера context API.
Основное отличие между этими компонентами заключается в том, как они управляют историей браузера и сохраняют её:
<BrowserRouter> – лучше всего подходит для обычных веб-приложений; обновляет URL в адресной строке<HashRouter> – удобен для статического хостинга; использует хеш-роутинг без настройки сервера<MemoryRouter> – в основном для тестирования; хранит историю в памяти, не затрагивая URLВыбирай <BrowserRouter> для продакшн-приложений с правильно настроенным сервером. Используй <HashRouter>, когда серверный роутинг недоступен. Выбирай <MemoryRouter> для юнит-тестов и сред без браузера, где изменения URL не нужны.
<BrowserRouter> использует HTML5 History API для управления состоянием навигации и обновляет URL, отображаемый в адресной строке браузера.
Новый — ещё не проверен сообществом
Вы