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

时间:2019-05-21 15:47:20

标签: reactjs methods components lifecycle

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

做到这一点的最佳方法是什么?哪种生命周期方法最适合使用?

1 个答案:

答案 0 :(得分:0)

好的,因此在这种情况下,父组件需要保存前两个子组件的状态,并且当您单击第三个子组件中的提交按钮时,有两种方法:

1)提交按钮的方法也应处于父状态。 (建议-aka提升状态:https://reactjs.org/docs/lifting-state-up.html

2)将一个道具传递给父母的第三个孩子,该孩子应该告诉孩子#3 child#1和child#2字段经过验证:

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

谢谢!