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

Question

如何确认对react-router中其他页面的导航。我正在使用browserHistory.push（）方法来更改路由和react-router版本3.0.5。在导航到其他页面之前，如何向用户请求确认。 ？

我尝试使用onBeforeUnload方法，但是它仅适用于页面重新加载。如果我们使用react-router的browserHistory进行导航

Answer 1

您可能要使用React Router的preventing transition。

Answer 2

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

this.props.router.setRouteLeaveHook（this.props.route，this.routerWillLeave.bind（this））;

routerWillLeave（nextLocation）{       返回“您有未保存的信息，确定要离开此页面”   }