问题标签 [final-form]

从 react-final-form 传递到 Form 后，如何停止装饰器？如果字段被触摸和更改，我想停止自动计算字段。

我正在尝试将 bool 属性添加到根据按钮 1 或按钮 2 的单击打开/关闭的表单中。

当我在本地设置上执行此代码框时，我收到 react setState 错误，但仅在第一次单击时。

Warning: Can't call setState on a component that is not yet mounted.

我想这是因为不需要调用 input.onChange 。完成自定义输入的最佳方法是什么？

我试图以初始值的形式传递。有了这个，我得到一个警告，并且初始值没有被初始化。

通过将初始值传递给表单，我做错了什么？

这是我使用的代码：

父组件：

表单组件：

操作系统：Windows 10

依赖项：

“最终形式”：“^4.10.0”，
“反应”：“^16.5.0”，
“反应域”：“^16.5.0”，
“反应最终形式”：“^3.6.7 ",

一旦用户在文本字段中输入文本，我尝试了不同的方法来实现 mutator 将文本转换为大写。但还没有成功。埃里克提供的例子似乎是正确的，但也许我遗漏了一些东西。

调用未定义toUpperCase的值时会引发错误。value非常感谢任何帮助！

更新：2018 年 10 月 27 日

我意识到我们也可以使用解析器来解决这个问题：

仍在寻找 mutator 如何工作以及我的代码中的错误是什么。

已尝试： 根据现有字段改变状态

如何从外部用户操作中设置/更改字段值

我的代码正在运行，但我收到了警告：

警告：从 React Final Form v3.3.0 开始，props.mutators 已被弃用，并将在 React Final Form 的下一个主要版本中删除。改用：props.form.mutators。检查你的 ReactFinalForm 渲染道具。

用这个例子：

https://codesandbox.io/s/kx8qv67nk5

如何做正确的方法？

我制作了一个应用程序，在其中使用react-final-form 中的FieldArray 组件。我的 Array 组件存在性能问题。每个组件还包含大约 8 个字段（每个字段都包含验证规则）（也来自 react-final-form），当我添加 50 多个元素时应用程序的滞后（同时将所有组件渲染到虚拟 DOM 并将其与当前 DOM 进行比较）。有人遇到过这个问题吗？

我怎样才能避免这种情况？

我正在为我的一个字段设置解析器，例如，如果用户键入“Honda”，它将获得匹配的 DB 值，例如：{make: 'Honda', id: 5, year: '2012'} 等。我当我从 API 获得响应时，想设置字段值。

是否可以代替以下

设置如下值：

我正在尝试实现异步验证react-final-form-array。但它的回报承诺但根本没有显示错误。

我参考了这段代码进行 asnyc 验证，并在此处使用最终表单数组创建了我自己的版本。

形式：

验证功能：

我对 React Final Form 有一点奇怪的问题。我正在使用文档中的向导模式。如果我将 a 传递subscription给表单，则只有上一步中的字段显示为已注册。如果我没有通过，subscription那么所有步骤的所有字段都已注册，这就是我想要的。

我是否需要订阅另一个州才能取回所有已注册的字段？

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

示例 JSON 响应：

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

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

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