final-form:重置单个字段

Question

例如，我有一个简单的字段。如何通过单击按钮仅重置此字段

<Field name="myField">
  {props => (
    <div>
      <input {...props.input} />
      <button onClick={()=> {
       // Reset function
      }>
    </div>
  )}
</Field>

Answer 1

您可以使用resetFieldState、change或borth方法。您也可以使用getFieldState来获取字段initial value change。

更复杂的方法，是创建自定义的重置字段的赋值函数。