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

【问题标题】：Navigation - alternative to browserHistory in react-router v4导航 - react-router v4 中 browserHistory 的替代品
【发布时间】：2017-10-17 15:58:38
【问题描述】：

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

import { browserHistory } from 'react-router'

browserHistory.replace('/home')

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

【问题讨论】：

标签： javascript reactjs react-router react-router-v4

【解决方案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

【讨论】：