如何挂钩 react-final-form 更新？答案

【问题标题】：How to hook into react-final-form updates?如何挂钩 react-final-form 更新？
【发布时间】：2019-06-12 22:31:35
【问题描述】：

我想加入 react-final-form 的更新。那可能吗？也就是说，我希望能够执行一个任意函数来更新 react-final-form 负责的数据。特别是，我有一个带有 update 方法的 Model 类，我希望能够调用 instance.update({ [fieldName]: fieldValue }) 而不是更新 react-final-form 使用的普通 ol' Javascript 对象。这可能吗？

我想做的一个例子如下：

<Form
  initialValue={myModel} // instance of Model
  render={() => <SomeField name="height" />}
  updated={(values, name, value) => values.update({ [name]: value })}
/>

【问题讨论】：

标签： react-final-form final-form

【解决方案1】：

你可以使用下面的 mutators 道具"

mutators={{
  setFieldUpdate: () => {
    ........
  }
  /** Example
  setFieldUpdate: (args, state) => {
    const [name, touched = true] = args;
    const field = state.fields[name];
    ........
  }
  */
}}

以及提供的渲染道具「form」

form.mutators.setFieldUpdate(${YourFieldName}, ${YouWantedChangeInputValue}

在你的渲染中

【讨论】：

【解决方案2】：

我不完全确定我了解您的用例，但也许像 Declarative Form Rules example 这样的东西可能是您需要的？

【讨论】：