reactjs - 如何获取react-router v4的历史记录？

Question

我从 React-Router v3 迁移到 v4 时遇到一些小问题。在 v3 中我可以在任何地方执行此操作:

import { browserHistory } from 'react-router';
browserHistory.push('/some/path');

如何在 v4 中实现这一目标。

我知道当您在组件中时，我可以使用临时 withRouter、react context 或事件路由器 props。但我的情况并非如此。

我正在寻找 NavigatingOutsideOfComponents 的等价项在 v4 中

Answer 1

您只需要有一个导出 history 的模块即可目的。然后您可以在整个项目中导入该对象。

// history.js
import { createBrowserHistory } from 'history'

export default createBrowserHistory({
  /* pass a configuration object here if needed */
})

然后，您可以使用<Router>，而不是使用内置路由器之一。组件。

// index.js
import { Router } from 'react-router-dom'
import history from './history'
import App from './App'

ReactDOM.render((
  <Router history={history}>
    <App />
  </Router>
), holder)

// some-other-file.js
import history from './history'
history.push('/go-here')