Question

我在父级中有一个表单，并动态添加输入作为子组件。在提交时，我希望每个孩子检查其数据。只有存在输入数据且输入数据与数据模式匹配时，才应提交表格。因此，我想从父母那里调用孩子验证。但是，父母如何知道验证何时结束？

var Parent = React.createClass({
  validate: function(value) {
    ...
  },

  render: function() {
   return (<Child doValidation={this.state.validationRequest} validate={this.validate}   />);
  }
});

Answer 1

将另一个回调函数传递给孩子：

<Child ... onValidationFinished={this.onValidationFinished} />

并且孩子在验证后调用它：

this.props.onValidationFinished()

如何知道孩子什么时候完成父母的功能调用？

1 个答案: