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

时间:2018-04-20 10:54:54

标签: reactjs

这是一个关于您将采取的策略的问题。穆问题关注在合适的时刻显示模态,即。当用户使用表单并希望通过单击页面上可见的任何其他链接而离开表单(当然是组件)时,我想向他展示:“你即将离开页面,是吗?一定会这样做?'和按钮是/否在它下面。所以我的第一种方法是在componentWillUnmount生命周期中触发modal,但似乎我不能在那里调用它,因为它不会接受决定离开或停留在页面上的任何逻辑(无论如何它都会退出)。此外,我无法在那里设置状态并基于该模态。也许你们其中一个人有这个问题? 很抱歉没有在这里复制代码,但这太长了;)

谢谢!

1 个答案:

答案 0 :(得分:0)

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

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

请参阅此示例:Detecting user leaving page