В чем разница между BrowserRouter и Router в реагирующем маршрутизаторе?

Question

Я пытаюсь реализовать базовую маршрутизацию для моего приложения, но застрял в разнице между BrowserRouter и Router. В моем случае Router работает правильно, BrowserRouter не маршрутизирует должным образом.

Я использую объект истории. Когда пользователь нажимает кнопку, ее необходимо перевести на страницу входа "History.push ( '/ Войти')"

Answer 1

<BrowserRouter> - это <Router>, который использует HTML5 history API (pushState, replaceState и событие popstate) для сохранения вашего UI в sync с URL-адресом.

Так что ваши маршруты должныбыть таким,

const Routing = () => <BrowserRouter> <Switch> <Route exact path="/" component={Home} /> <Route path="/login" component={Login} /> </Switch> </BrowserRouter>

Для навигации по нажатию кнопки вы можете использовать Redirect из пакета react-router-dom.

import { Redirect } from 'react-router-dom'

по нажатию кнопкикнопка,

<Redirect to="/login" />

Answer 2

Я думаю, что, насколько мне известно, большинство учебных пособий и документов используют псевдоним BrouserRouter в качестве маршрутизатора, в противном случае нет ничего конкретного определения для маршрутизатора в реакции-маршрутизации, это просто другое имя BrouserRouter, и для полного объяснения вы можете посетитьздесь