javascript - 如何在 React 中确认或停止导航到其他页面，

Question

如何在 react-router 中确认导航到其他页面。我正在使用 browserHistory.push() 方法来更改路由和 react-router 版本 3.0.5 。如何在导航到其他页面之前要求用户确认。?

我试过使用 onBeforeUnload 方法，但它只适用于页面重新加载。如果我们使用 react-router 的 browserHistory 导航，它不起作用

标签： javascriptreactjsreact-router

Answer 1

我自己使用 setRouteLeaveHook 方法弄清楚了

this.props.router.setRouteLeaveHook(this.props.route,this.routerWillLeave.bind(this));

routerWillLeave(nextLocation) { return '你有未保存的信息，你确定要离开这个页面' }