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

Question

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

const history = createBrowserHistory();
function* sagaFunc(){
 history.push(url)
}

我们可以通过 useNavigate() 钩子(Hook)在 react-router v6 中做一些类似的外部组件吗？

Answer 1

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

window.history.pushState({}, "Dashboard", "/dashboard");
window.location.reload();

我自己还没有找到任何合适的替代 createBrowserHistory()存在于 v4和 v5 .
引用取自 here