reactjs - 如果您的提交不在 redux-form 范围内怎么办

Question

如果您的提交超出表格怎么办？

例子：

<Root>
  <Header>
    <Button label={'SAVE'} onClick={this.clickHandler}/>  // <-- My handler for save form data
    <Button label={'DELETE'} />
  </Header>

  <Form onSubmit={this.handleSubmit} fields={fieldsList} /> // <-- My form
<Root />

我应该使用 getValues 吗？

Answer 1

从 v4.2.0 开始，您可以将 ref 属性添加到表单组件并在该 ref 上调用 submit()。请参阅http://redux-form.com/5.3.1/#/examples/submit-from-parent中的示例

clickHandler() {
  this.refs.myForm.submit()
}

<Root>
  <Header>
    <Button label={'SAVE'} onClick={this.clickHandler}/>
    <Button label={'DELETE'} />
  </Header>
  <Form ref="myForm" fields={fieldsList} />
</Root>