Реагировать-маршрутизатор против реакции-маршрутизатора-dom, когда использовать тот или другой?

Оба имеют Route, Link и т.д. Когда использовать тот или иной? Я действительно смущен тем, где использовать их. Серверная сторона? Клиентская сторона?

https://reacttraining.com/react-router/

В некоторых примерах вам нужно пройти историю, в других - нет. Что делать?

<Router history={browserHistory}>

против

<Router>

Это действительно сбивает с толку, когда использовать тот или иной, любая помощь оценивается.

Ответы

Ответ 1

реакция-маршрутизатор содержит все общие компоненты между response-router-dom и реагировать-роутер-родной. Когда вы должны использовать один над другим? Если вы находитесь в Интернете, response-router-dom должен иметь все, что вам нужно, поскольку оно также экспортирует общие компоненты, которые вам понадобятся. Если вы используете React Native, реагировать-роутер-родной должен иметь все, что вам нужно по той же причине. Таким образом, вам, вероятно, никогда не придется импортировать ничего непосредственно из реакции-маршрутизатора. Если вы используете

<Router history={browserHistory}>

против

<Router>

В RRv4 вам не нужно будет пропускать browserHistory, что было только для предыдущих версий маршрутизатора.

Если вы все еще запутались, вы можете проверить детали каждого пакета здесь

Ответ 2

реакция-роутер-дом - это react-router плюс:

<BrowserRouter> который <Router history={browserNativeHistoryApiWrapper}/>

доказательство: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/BrowserRouter.js
некоторые улучшения ссылок для браузера

доказательство: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/Link.js
и с <NavLink> - оболочкой, которая знает, "активна" она или нет

доказательство: https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/NavLink.js

Ответ 3

Просто используйте react-router-dom - react-router-dom для реэкспорта всего react-router. Ссылка на GitHub ответить (какая разница между react-router-dom и react-router?).

Ответ 4

В v4, agent-маршрутизатор экспортирует основные компоненты и функции. response-router-dom экспортирует компоненты, поддерживающие DOM, такие как <Link> (который отображает <a>) и (который взаимодействует с браузером window.history).

react-router-dom реэкспортирует все экспорт реакции-маршрутизатора, поэтому вам нужно импортировать только react-router-dom в свой проект.