问题标签 [react-final-form]

Tell me, please, how to save the selected value of option, at me in a select it is saved only first value (which is One).How to save the selected value in select?

Here is the code (this is final-form):

我有一个表格，可以用数据做两件事。我记得在 redux-form 中可以提供一个handleSubmit这样的函数：handleSubmit(customOnSubmit). react-final-form 的替代方案是什么？

我已经开始从 redux-form 迁移到 react-final-form 以使我的包更小。我对我的表单进行了一些测试，其中之一是测试表单提交时是否调用了正确的操作。切换到 react-final-form 后，我的测试中的存储操作永远不会被调用。

当表单作为属性传递时，有没有办法测试提交功能。

我的测试：

shallowUntilTarget 通过容器渲染实际的表单

被测组件：

我在 a 中使用的自定义 React 组件react-final-form <Field>的 value 属性为int?. 它的值可以是整数或空值。但是，当我使用组件的propnull为该字段组件的值设置初始值时，会将 转换为空字符串。initialValues<Form>react-final-formnull''

我知道我可以通过创建一个检查''并将其转换为的包装器组件轻松解决此问题null，但是还有其他更简洁的方法来解决这个问题吗？或者这是一个库错误？

https://codesandbox.io/s/yq00zxn271

使用 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 中的表单状态反映了活动部分的状态，而不是整个表单的状态。

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

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

代码沙盒示例

查看https://codesandbox.io/s/km2n35kq3v中的示例

初始值是硬编码的。

但是，我想在 ComponentDidMount 中进行 ajax 调用，获取初始值，然后在调用完成时（重新）设置 initialValues。

没有任何反应，当表单重新呈现时，initialValues 不会改变 - 我错过了什么？

假设我的App组件如下所示：

此外，我在 MyComponentOuter 中有一些组件MyComponentInner所以层次结构是 App => MyComponentOuter => MyComponentInner

MyComponentInner看起来像：

我的问题是：

a) react-final-form 的组件如何自动访问“firstName”属性？（没有明确地将任何道具传递给它）。

b) 我想在 MyComponentInner 中访问相同的 firstName 值；语法是什么，例如，如果我想 console.log firstName。