如何连接到react-final-form更新？

Question

我想连接到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 })}
/>

Answer 1

您可以使用如下所示的mutators道具“

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

并提供了渲染属性“form”。

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

在渲染中

Answer 2

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