react-final-form-如何重置表格和设置状态

时间:2020-03-24 14:18:51

标签: reactjs react-final-form final-form

有没有办法重置表格并同时设置状态?我尝试了下面的代码,它似乎不起作用。任何输入表示赞赏。

<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>

1 个答案:

答案 0 :(得分:1)

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

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