react-final-form - final-form：重置单个字段

Question

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

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

Answer 1

您可以使用resetFieldState或change或 borth 方法。您也可以使用getFieldState来获取change的字段初始值。

更复杂的方法是为重置字段创建自定义 mutator。