javascript - 如果当前组件发生更改，则停止加载新的路由/组件

Question

我有一个要求，需要在用户导航到下一个选项卡之前检查本地状态是否已更改。有点像放弃组件。我想出了以下两个选择，

1. 通过 componentWillUnmount 实现此目的。如果这是一个好的做法，是否有办法有条件地停止卸载组件？

2. 通过窗口。如以下解决方案所述:https://groups.google.com/forum/#!topic/reactjs/z63RGG1l_0U

任何关于此事的想法都将不胜感激:)

Answer 1

在 react-router-redux路由器是状态的一部分，因此您可以对此进行实验。

为此，您应该查看 RouterContext ，其中提供了setRouteLeaveHook函数。或者据我记得还有第二种选择。上下文中的 Router 对象包含 listenBeforeLeavingRoute

this.context.router.listenBeforeLeavingRoute

但是如果你看一下react-router的源代码，它基本上是一样的。但它可以从不同的层访问。

编辑:还有Route有onLeave钩子(Hook)，可能有用!

希望它能有所帮助。

问候， 马吕斯