问题标签 [final-form]

我以 react-final-form 显示货币值。我在现场使用格式功能。

问题是货币是表格中的另一种选择。我没有看到一种干净的方法来访问格式函数中的其余值。

我正在尝试在我的 React App 中使用 final-form-field-arrays 组件。当我尝试使用它时，我得到一个“验证器不是函数错误”。

我将其追溯到 final-form.es.js 中的 runFieldLevelValidation 函数

有问题的行是

记录字段后（如上所示），我发现 FieldArray 字段本身没有验证器函数，而是有一个 getValidator 函数。我给它打了补丁，它正在工作，但我认为这不应该是必需的

我有问题的反应代码是

关于如何在没有猴子补丁的情况下使其工作的任何想法？

使用 React-Final-Form，我正在创建一个控件，如果单击单选按钮，则允许用户在目录中列出。在单击处理程序中，我希望使用用户的名字和姓氏自动填充一个文本框。我正在使用 mutator 执行此操作，我希望能够确认我正在正确执行此操作，因为我找不到有关lastFieldState我正在利用的属性的文档：

我打算通过“弹出”门户使某些字段可编辑，弹出窗口本身由表单管理。当您“提交”嵌套表单时，该字段会更新。- https://github.com/final-form/react-final-form/issues/276

我遇到的问题是 onSubmitCustom （内部表单）触发了内部表单的 onSubmit 和外部表单的 onSubmit 。

如何让嵌套表单在 react-final-form 中工作？

作为一种解决方法，如果我有办法捕获实际提交表单的表单 ID，我可以在触发 onSubmitCustom（内部表单）时在外部表单的 onSubmit 上返回 false。但我还没有弄清楚如何做到这一点。

在典型的 React/Redux 应用程序中，使用redux-thunk 和异步操作创建器来触发 AJAX 请求并在该请求的启动/成功/失败时分派操作是很常见的。

但是，我找不到将这样的功能与 react-final-form 集成的方法。它的redux 提交示例是使用react-redux-promise-listener立即分派一个动作，但不允许我调用我的异步动作创建者。

是否可以将 react-final-form 与使用异步操作创建器执行提交操作的 redux 应用程序集成？我宁愿不必将我的 AJAX 逻辑移动到减速器中。

我正在构建一个包含多个部分的大型表单，标题中只有一个提交按钮。当我切换表单的不同部分时，FormRenderProps 中的表单状态反映了活动部分的状态，而不是整个表单的状态。

如何一次捕获所有部分的状态以在提交按钮上使用？

例如，如果一个部分是脏的而另一个是原始的，我希望能够启用提交按钮，而不管当前处于活动状态的部分是什么。活动意味着该部分当前在页面上呈现，而非活动意味着尚未呈现或先前呈现。

代码沙盒示例

我的最终表格有问题。我有一个带有 react-final-form 的模态框，并希望使用模态框页脚中的按钮提交表单。提交按钮有 onSubmit 事件，当我单击此按钮时，我看到我的 onSubmit 函数不起作用。当我单击打开模式的按钮时，它会起作用....这里出了什么问题？

广告.js

模态.js

使用最终形式，我有一个第三方输入组件。我已经为它写了一个适配器。它也有一个验证器，但meta.touched总是错误的。我尝试将 onFocus 事件传播到输入，但没有运气。我究竟做错了什么？

我想使用具有多个提交按钮的 react-final-form构建一个表单，其中每个提交按钮在表单中设置不同的值。本质上，我想创建一个在呈现的 HTML 中看起来像这样的表单：

但是，我无法弄清楚如何让 react-final-form 将这些不同的提交按钮视为表单中的设置值。我尝试组合组件状态、<input type="hidden">和onClick处理程序，如下所示：

但是，这似乎不起作用——可能是因为组件上的value属性<Field>仅用于复选框和单选按钮。

有人可以给我一个正确的方向，如何正确解决这个问题吗？

使用 React Final Form 时，有没有办法在不丢失 submitSucceeded 状态的情况下重置表单。我想在表单上显示一条成功消息，但我也想在成功提交后清除它。