在 React.js 中卸载组件之前显示模态

Question

这是一个关于你将采取的策略的问题。 Mu问题涉及在正确的时刻显示模态，即。当用户使用表单并希望通过单击页面上可见的任何其他链接退出表单（当然是组件）时，我想向他展示如下内容：'你即将离开页面，你确定要这样做吗？和它下面的按钮是/否。所以我的第一种方法是在 componentWillUnmount 生命周期上触发模式，但似乎我不能在那里调用它，因为它不接受任何决定离开或留在页面上的逻辑（它无论如何都会退出）。我也不能在那里设置状态并基于该显示模式。也许你们中的一个人有这个问题？ 很抱歉没有在这里复制代码，但它太长了；）

谢谢！

Answer 1

componentWillUnmount 永远不会倒退，您需要使用 componentDidMount 挂钩才能使用该功能。

您可以调用一个事件处理程序，您也可以在用户确认后重定向到该事件处理程序。

请参阅此示例：Detecting user leaving page