问题标签 [final-form]

我正在使用react-final-formlibrary version创建一个表单3.6.4。单击提交按钮时，我使用提交道具禁用提交按钮，直到收到响应。但是，似乎按钮没有被禁用。

我有一个表单字段，我想根据另一个字段的值来呈现。

我监听该字段的“OnChange”事件，然后触发新字段的form.change（尚未渲染），但在渲染时它不会获得值。

我为这个问题创建了一个沙箱：https ://codesandbox.io/embed/priceless-keldysh-gfd3b

预期结果：选择“加热”时，应显示比例因子并获得值“1”

解决这个问题的最佳做法是什么？假设表单中有很多依赖项。

我正在使用 React 和 redux-saga 的项目中从 Redux Form 迁移到 React Final Form。在项目中初始化表单的常见模式如下所示：

有没有办法为最终形式做类似的事情？

在 store 中创建一个对象，从 saga 中设置它并将其传递给 Final Form 的initialValuesprop 工作，但我怀疑这不是最佳解决方案，我宁愿不为应用程序中的每个表单创建一个 store。

选择一个复选框，触发一个更新其他表单字段验证规则的 api 调用。有人问过一个类似的问题，表单值在哪里推动验证，但在我看来，是外部数据推动了重新验证。

我在您提供的原始解决方案中包含了一个修改后的沙箱，但最终表单不会对验证更改做出反应，因此表单始终是后面的渲染。

更新沙箱：https ://codesandbox.io/s/react-final-form-synchronous-record-level-validation-example-rcg7q

原始问题：React-final-form 忽略 Field validate 属性更改

https://final-form.org/docs/

onSubmitFail 似乎在 react-final-form 中不存在，是否有等效或解决方法？

在 redux-form 中，您可以传递一个 onSubmitFail 失败道具

我FieldArray在 React Final Form 中设置组件的 initialValue 时遇到问题。当我在Form组件上设置它时它可以工作，但在FieldArray. 请参阅下面的 CodeSandbox 示例：

在 FieldArray 上： https ://codesandbox.io/s/react-final-form-field-arrays-vq9pz

在表单上： https ://codesandbox.io/s/react-final-form-field-arrays-v90nn

我希望将它设置在 FieldArray 上，如果我查看此处的文档，这似乎应该是可能的。有没有其他人遇到过这个？

react-final-form我有一个带有sum字段的对象数组。最后，我想计算所有总和。所以我使用这样的计算字段final-form-calculate：

当我在输入中输入值时，console.log会调用它，但不会更新总数。我猜它不会从必要的字段中选择值。我该如何解决？这是我的代码框https://codesandbox.io/s/react-final-form-calculated-fields-hkd65?fontsize=14。

这可能是一个错误，但我想在打开 GitHub 问题之前在这里发帖，看看整个社区是否有建议，或者是否有人可以因为我做错了而大声疾呼。

我想模糊提交上的任何重点领域。简单的。

根据文档，onSubmit 函数(values, form)作为参数传递，formapi 包括获取所有注册字段的方法，以及所谓的模糊任何字段的方法。这是代码：

我直接从 FinalForms 文档中分叉了基本示例，并添加了这两行以查看我是否可以让他们的示例工作，但它没有。要进行测试，只需在名字字段中输入，然后按回车键。该领域保持专注..

CodeSandbox 演示在这里

最终形式：FormApi Docs

谢谢阅读！

我有一个react-final-form表单，需要从状态初始化。当其中一个字段发生更改时，我想将表单重置为初始（空）值。所以我使用订阅字段的脏状态，如果它发生变化，我用它OnChange来重置表单：

但它不起作用，因为表单在初始化后会立即重置。有没有办法将这两个事件分开？这样我只能在用户修改了表单的字段时重置表单？

这是我的代码框的链接。

如果我们尝试多次发送此表单，我们将获得无限提交。

如果我们在onSubmit上设置sleep()函数，一切正常。

为什么？怎么做才对？