«Reaction-router» не содержит экспорт с именем «browserHistory»

Question

Так что я пытаюсь использовать history в React, но, похоже, его много перемещают.Я нашел это:

https://github.com/ReactTraining/react-router/blob/ab4552d2ea0ec5c0cf3c534bca654a1af3ea0dec/docs/guides/NavigatingOutsideOfComponents.md

но он просто говорит, что 'react-router' does not contain an export named 'browserHistory'. Как я могу решить это?Где я могу найти историю?Все ответы, которые я нашел, были около 1,5 лет.

Answer 1

history Api был перемещен в отдельный пакет истории

Чтобы создать browserHistory, вы устанавливаете историю как

npm install -S history

и напишите

import createHistory from "history/createBrowserHistory"

const browserHistory = createHistory()
export { browserHistory };

Однако в react-router-v4 эквивалент Router с browserHistory равен BrowserRouter

Answer 2

У вас больше нет browserHistory, очевидно.Таким образом, вы можете сделать это вместо

<Route>
 <Header />
</Route>

, и вы можете сделать

function Header(props) {
 // props.history and props.location are available now inside this component
}

, а затем вы можете сделать props.history.push или что-то еще, если это то, что вы хотите сделать.

Ссылка у вас есть для более старой версии react-router, поэтому проверьте реакции-маршрутизатор 4

Answer 3

Вы ищете BrowserRouter.

import { BrowserRouter } from 'react-router';

browserHistory, который существовал в v2 / v3, но был переписан в BrowserRouter в v4.Здесь есть руководство по миграции , которое должно вам помочь.