react-final-form - 如何重置表单和设置状态答案

【问题标题】：react-final-form - How to reset form and set statereact-final-form - 如何重置表单和设置状态
【发布时间】：2020-07-05 01:24:55
【问题描述】：

有没有办法同时重置表单和设置状态？我尝试了下面的代码，它似乎不起作用。任何意见表示赞赏。

<Form
    onSubmit={this.onSubmit}
    render={({handleSubmit, form, submitting, pristine, values}) => (
        <form onSubmit={handleSubmit}>
.
.
.
.

<button
    type="button"
    onClick={() => {
        form.reset;
        this.setState({"reset": true});
    }}
    disabled={submitting || pristine}
>
    Reset
</button>
</form>

【问题讨论】：

没有理由不应该这样做。如果您可以制作一个 CodeSandbox 来展示您正在尝试做的事情，那么帮助您会容易得多。

标签： reactjs react-final-form final-form

【解决方案1】：

<button
  type="button"
  onClick={() => {
      form.reset();
      this.setState({"reset": true});
  }}
  disabled={submitting || pristine}
>
    Reset
</button>

我认为你缺少的是执行 form.reset 函数

【讨论】：

【解决方案2】：

你应该调用reset方法而不是form.reset：

<button
  type="button"
  onClick={() => {
    form.reset(); <-------------
    this.setState({"reset": true});
  }}
  disabled={submitting || pristine}
>
  Reset
</button>

【讨论】：