问题标签 [react-final-form]

如何处理从后端返回的带有点符号结构的提交错误（submitErrors）？

示例 JSON 响应：

“兴趣”是字符串的 FieldArray。我想显示两个错误 - 对于字段数组 - 一般错误和数组中的第一个错误（0索引）。

使用默认的最终形式方法是不可能的，因为它需要发送如下内容：

是否可以强制最终形式按字段名称获取错误消息（点符号/平面错误数组结构，即：“interests.0”：“error msg”，“attributes.0.name”：“error msg”） ?

为什么添加 onBlur 事件会阻止验证，如下例所示

如果我删除 onBlur 事件验证，它工作正常。如何添加 onBlur 事件以及显示验证呢？

这是一个工作示例：https ://codesandbox.io/s/qzz8wk076

我使用 Tab 组件将我的注册表单分成 2 个选项卡。（电话和电子邮件）。所以我想在 2 个选项卡之间切换时清除整个表单

这是我的注册表格：

我试过使用this.signupRef.current.reset()，但它不起作用。我尝试了很多，但问题是一旦 Tab 更改，我无法弄清楚如何在反应最终表单中设置值以清空。或者可以使用 reset()

任何人都知道使用 reset() - react-final-form 中的内置函数或更改传递给 React 最终形式的 values 属性，请给我一个建议。

我正在使用 react-final-form 和 material-ui。

如何将初始值传递给带有选择字段的表单 - React Final Form？

我有一个输入组件，当用户输入任何内容时，它会以特定方式对其进行格式化。但我想要的格式化部分只是为了显示而不是存储在表单状态中。

这是一个例子

在输入值后的价格字段中，在模糊时，值用逗号（，）格式化，就像这样$1,212,121.00，但是这个值我只希望它用于显示目的而不是状态。在状态下它应该存储为1212121或1212121.00任何东西很好。尝试使用文档中提到的解析，但由于formatOnBlur正在使用，所以format在之后运行。parse我该怎么做？

如何在 react-final-form 中设置更改 onSubmit 的值类型。

这有效，但我无法获得 value.name

我可以按如下方式转换为 IValues 以提取名称。

onSubmit 来自 Config，我尝试查找如何设置 FormData 类型但找不到。无论如何我可以在 jsx 中设置 FormData 吗？还有其他选择我可以做得更好吗？

I created a form using react-final-form. autofocus is not working. The only solution I know is to use ref feature of React. Can I autofocus the input using react-final-form library?

我正在使用react-final-form。

可以说返回的错误是关于名称不是唯一的。

我想Field根据来自e.

我无法弄清楚如何从catch.

我有一个组件，它需要一个balance道具，这个平衡道具会随着时间而改变。

然后我有一个 React Final Form 来发送交易，通常的字段是要发送的金额，接收者......在我的 中validate，我只是检查用户是否有足够的余额来发送交易。

但是，如果在用户输入内容时我的余额发生了变化，那么整个表单都会重置。你将如何只重置表单状态的一部分？

有关示例，请参见此代码框：https ://codesandbox.io/s/jn69xql7y3 ：

• 输入一些东西
• 等待 5 秒
• 看到表单状态又是空白

我想从表单外部检查表单字段是否有效，因为我的表单是模态的并且在按下按钮时关闭。该按钮不是表单的一部分。当出现验证错误时，我的 modal(form) 不应关闭。