以编程方式反应路由器 v4 导航

Question

当我使用 Redirect、Link 或 NavLink 的反应路由器时，一切都很好。但我需要一个以编程方式将我导航到路线的函数。

这就是我想要的：

if(a == 1){
    this.context.history.push("/")
}
else {
    this.context.history.push("/home");
}

如您所见，react router v4 中不再存在上下文历史记录。我无法在 js 代码中编写 withroute 进行导航。谁能告诉我如何直接在 js 代码中导航？

谢谢

Answer 1

路由器会为你的 props 添加一个history，你可以这样使用它：

this.props.history.push('/mypath')

查看更多信息：Navigating Programatically in React-Router v4