javascript - 在更新最终表单中的表单值之前要求用户确认

Question

我正在使用 react-final-form 并有 2 个无线电字段（是/否）。当“是”是当前值并且用户选择“否”时，我想显示一个模式，要求用户确认。如果用户取消，该值应该保持不变，如果用户确认，它应该更新。

有没有办法用当前版本的 react-final-form 或 final-form 来做到这一点？我查看了文档并注意到了beforeSubmit，但是没有看到类似的东西beforeChange

Answer 1

您必须自己拦截更改。

<Field name="whatever">
  {({ input }) => (
    <input {...input} onChange={event => {
      if(showConfirmDialog()) {
        input.onChange(event); // pass event through to RFF
      }
    }}/>
  )}
</Field>