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

【问题标题】：Ask user for confirmation before updating form value in final-form在更新最终表单中的表单值之前要求用户确认
【发布时间】：2019-07-18 05:27:56
【问题描述】：

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

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

【问题讨论】：

标签： javascript reactjs react-final-form final-form

【解决方案1】：

您必须自己拦截更改。

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

【讨论】：