我有一个父组件和3个子组件。前2个子组件具有输入字段。第三个子组件具有一个提交按钮。当我单击“提交”按钮时,用于检查空白字段的验证应同时在其他两个组件上运行。
做到这一点的最佳方法是什么?哪种生命周期方法最适合使用?
答案 0 :(得分:0)
好的,因此在这种情况下,父组件需要保存前两个子组件的状态,并且当您单击第三个子组件中的提交按钮时,有两种方法:
1)提交按钮的方法也应处于父状态。 (建议-aka提升状态:https://reactjs.org/docs/lifting-state-up.html)
2)将一个道具传递给父母的第三个孩子,该孩子应该告诉孩子#3 child#1和child#2字段经过验证:
<childThree isFormValidated={this.state.isFormValidated} />
谢谢!