Reactjs React Router Redux-硬转换到另一个域前提示

希望在用户导航到新域之前触发警报或控制台日志。从文档中，

setRouteLeaveHook

或

onLeave

应该可以工作。我跟着这些

从“React”导入React
从“react router”导入{withRouter}
const Page=withRouter(
React.createClass({
componentDidMount（）{
this.props.router.setRouteLeaveHook（this.props.route，this.routerWillLeave）
},
routerWillLeave（下一个位置）{
log（“移动到不同的域”）；
return“您的工作未保存！确实要离开吗？”
},
render（）{
返回
}
})
)
导出默认页面

页面是我的应用程序中的顶级组件。使用react路由器v3和redux

---

如何在用户离开我们的网站之前触发警报

在您的导出上添加

withRouter

HOC包装，如下所示：

export default withRouter(Page);

---

更新：抱歉，刚刚注意到您声明了版本。你肯定在使用react路由器v3吗？最新版本是4.0。很抱歉问一下，问题出在哪里？钩子没有被执行？@FacundoLaRocca是的，钩子没有被执行executed@Toby是的，这个项目是v3。升级将很快进行。我不知道这个版本在这里有什么不同，只要>2.4我想也许你需要用

withRouter

这样包装你的导出：

导出默认withRouter（第页）

也许？更新：作为一个答案，我相信这是正确的。

export default withRouter(Page);