如何在React路由器v5中推送到历史？

Question

是否可以创建一个全局历史文件来管理react-router-dom v5上的createBrowser历史（）？我知道V5有使用历史（）作为获取历史的一种方式。但是有没有可能从任何地方检索历史记录，比如我没有使用函数组件的情况？

在V4上，我可以创建一个文件history.js：

import { createBrowserHistory } from 'history';
export default createBrowserHistory();

它在V4上工作https://codesandbox.io/s/react-router-v4-nfwr0

它在V5上不工作-它更新URL，但重定向到“未找到”https://codesandbox.io/s/react-router-v5-not-working-jlrep

Answer 1

我这样做就解决了这个问题。看看我做了什么

这是密码

import {createBrowserHistory}  from 'history';
import store from 'store';
export default createBrowserHistory({
    basename:  store ? store.getState().productionBaseUrl : ''
});

我导入Redux的原因是项目在nginx根文件夹上没有脉冲。所以我应该添加一个basename。如果你不需要它，你可以删除它。

然后你可以在自己的网络中使用它。如何使用？让我给你看看代码。

// if my history in src/router/
import history from 'router/history';

history.push(`${your router address}`)

历史的push方法可以传递一个对象，比如originprops。但是它总是在子路由器中刷新。所以在使用时传递一个字符串。

Answer 2

正如医生所说，你应该使用v4的历史工作的反应路由器v5。

https://github.com/ReactTraining/history

版本4的文档可以在v4分支上找到。版本4用于React路由器版本4和5。