来自 componentWillUnmount() 的调度操作

Posted 2023-03-17

【中文标题】来自 componentWillUnmount() 的调度操作

【英文标题】：Dispatch action from componentWillUnmount()

【发布时间】：2021-09-19 21:57:46

【问题描述】：

我正在创建一个多部分表单，如下所示，

<Parent>
 <FormPart1 />
 <FormPart2 />
 <Button />
</Parent>

单击 Button 时，我试图在 Parent 中获取 FormPart1 值。

为此，我在 componentWillUnmount() 阶段使用调度。

这是个好方法吗？

【参考方案1】：

最好的方法可能是让您的状态（对于 FormPart1 和 FormPart2）首先驻留在 Parent 组件中.

如果您仍需要保留初始方法，则可以在 componentWillUnmount 生命周期方法中调度状态。

也许更自然的方法是为 Button 设置一个 onClick 句柄并在那里发送状态（在卸载 FormPart 之前组件并安装另一个）。

这样您就拥有更多控制权，甚至可以在用户继续使用另一个表单之前验证第一个表单。