如何挂钩反应最终形式的更新?

时间:2019-06-12 22:31:35

标签: react-final-form final-form

我想了解一下react-final-form的更新。那可能吗?即,我希望能够执行一个任意函数,该函数将更新react-final-form负责的数据。特别是,我有一个带有Model方法的update类,并且我希望能够调用instance.update({ [fieldName]: fieldValue })而不是更新普通的javascript对象,该对象会做出最终的反应,形式使用。这可能吗?

我想做的一个例子如下:

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

2 个答案:

答案 0 :(得分:1)

您可以按以下方式使用mutators道具“

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

和提供的渲染道具“ form”

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

在渲染中

答案 1 :(得分:0)

我不确定我是否完全理解您的用例,但是也许您需要Declarative Form Rules example之类的东西?