如何使用反应路由器 6 在反应组件之外导航

Question

现在我有一个 History 模块，它让我甚至可以在 react 组件之外使用历史记录：

import { createBrowserHistory } from 'history';

export default createBrowserHistory();

然后我直接在 App.jsx 中使用这个历史

import { Router } from 'react-router-dom';
...
<Router history={history}>...</Router>

我可以在任何地方导入和使用相同的历史对象。即使在任何反应组件之外的自定义帮助程序中。

这如何在 react router 6 中工作？

由于历史被导航取代，我在网上还没有看到任何解决方案。

我知道它仍然是测试版，但我想提前检查一下。

感谢您的任何想法！