导航 - 在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