导航 - 替代 react-router v4 中的 browserHistory

Question

以前，我能够使用浏览器历史记录重新路由用户（例如，成功登录时）：

import { browserHistory } from 'react-router'

browserHistory.replace('/home')

在新的 react-router 中，我无法再导入 browserHistory，实现我的目标的替代方法是什么？

Answer 1

import { Router, Route } from 'react-router'
import { createBrowserHistory } from 'history'

export default () => (
  <Router history={createBrowserHistory()} >
     <Route exact path="/" component={MainPageComponent} />
  </Router>
)

在 MainPageComponent 中你可以使用 this.props.history.push('/home').

在此处了解路由器历史记录https://github.com/ReactTraining/history

导航 - 替代 react-router v4 中的 browserHistory

Navigation - alternative to browserHistory in react-router v4

javascript

reactjs

react-router

react-router-v4