reactjs - 什么生命周期方法是在另一个子组件中单击按钮时在子组件中运行验证的正确方法？

Question

我有一个父组件和 3 个子组件。前 2 个子组件具有输入字段。第三个子组件有一个提交按钮。当我单击提交按钮时，检查空字段的验证应该在其他两个组件上运行。

做这个的最好方式是什么？哪种生命周期方法最适合使用？

标签： reactjsmethodscomponentslifecycle

Answer 1

好的，所以在这种情况下，父组件需要保存前 2 个子组件的状态，当您单击第 3 个子组件中的提交按钮时，有两种方法：

1）提交按钮的方法也应该处于父状态。（推荐——又名提升状态：https ://reactjs.org/docs/lifting-state-up.html ）

2) 将道具从父母传递给第三个孩子，这应该告诉孩子#3 child#1 和 child#2 字段已经过验证：

<childThree isFormValidated={this.state.isFormValidated} />

谢谢！