reactjs - useNavigate 外部功能组件 - react-router v6

标签 reactjs react-router-dom react-router-redux react-router-v6

有没有办法在 react-router v6 的功能组件之外使用 useNavigate() 钩子(Hook)?我正在尝试在 saga 函数中使用 navigation(url) 。我知道在 v4 中我们可以做这样的事情:

const history = createBrowserHistory();
function* sagaFunc(){
 history.push(url)
}
我们可以通过 useNavigate() 钩子(Hook)在 react-router v6 中做一些类似的外部组件吗?

最佳答案

您可以利用 能够在 react 组件之外使用一些路由功能。

window.history.pushState({}, "Dashboard", "/dashboard");
window.location.reload();
我自己还没有找到任何合适的替代 createBrowserHistory()存在于 v4v5 .
引用取自 here

关于reactjs - useNavigate 外部功能组件 - react-router v6,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67153871/

相关文章:

javascript - 使用 Jest 和快照测试嵌套组件返回 null

reactjs - 如何监听组件外部的点击事件

javascript - react-router-dom 单击关闭引导模式窗口的链接

react-router-redux:无法读取syncHistoryWithStore中未定义的 'listen'属性

reactjs - 从react-router-redux获取当前位置

css - 如何设置下拉div的z-index

javascript - 我无法通过在React Native中单击redux来从FlatList中一一删除项目

javascript - 尝试导入错误: 'PrivateRoute' is not exported from 'react-router-dom'

javascript - react 路由器使用参数返回空对象

reactjs - 在动态菜单中使用链接组件时的不变违规