问题标签 [final-form]

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?

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

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

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

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

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

我正在尝试将日期选择器添加到我的论坛。问题是日期选择器只能通过组件状态工作。意味着选择的值进入状态。

我正在尝试强制最终表单字段使用该状态值。但我似乎无法弄清楚。

基本上试图这样做：

因为我们不能假设我们的组件是单例的：我正在尝试自动处理给htmlFor标签和字段的处理。我们在下面看到我使用useMemolodashuniqueId来记忆初始渲染时表单的唯一 id。我必须将useMemo空数组作为第二个参数，所以它永远不会重新计算 id。有没有一些自动化的方法来处理这个final-form？

我希望表单的记录级别数据如下所示：

但是我不得不嵌套这给了我：

窝是这样造成的：

有没有办法避免这种嵌套，并获得一个仅包含字符串的 FieldArray？

我有一个设置表单，用于自动保存更改。该表单有许多复选框，并通过一些文本输入选择输入。我只想从文本输入字段中消除表单中的更改，而不是复选框或选择。

如何获取字段元数据，即：type我的 FormSpy 更改处理程序中的 attr？

关于 react-final-form，我想问几个问题。

1. 如何防止表单初始化时表单自动调用验证？我尝试通过检查表单是脏的还是原始的来跳过它，并且一旦更改了字段，它就会恢复其原始行为。问题是我无法在记录验证中获取元数据。

   /li>

2. 如何在不触及任何字段的情况下以编程方式验证呼叫表单/记录级别？

3. 当只有一个字段更改时，我没有记录级别验证，而是使用 validateFields 和每个字段进行字段级别验证以防止完全验证（每个字段验证我有很多 AJAX 调用）。但是当我单击提交按钮时，我需要触发所有字段验证。有没有办法一次触发所有字段验证？

我正在尝试让 FilePond 与react-final-form. 我不确定如何将FilePond组件包装在react-final-formField 组件适配器中。

例如，因为react-phone-number-input我是这样做的：

对于 FilePond，我试过这个：

我从中学到的例子：

• react-final-form 第三方示例。
• FilePond React 示例。

我希望能够获取父 react-final-form 表单的文件名（filepond 组件是许多其他字段之一）。如，我希望它捕获状态。除此之外，我不确定如何将两者结合起来。

我有一个 React-Final-Form 我想用它自己的类型输入它。但是 `children(renderRest)' 给出了以下错误：

无法调用其类型缺少调用签名的表达式。键入'字符串 | 号码 | 真实 | {} | ReactElement ReactElement 组件）> | 空） | （新（道具：任何）=> 组件）> | 反应节点数组 | 反应门户 | ((props: FormRenderProps) => ReactNode)' 没有兼容的调用签名.ts(2349)

我的代码是：

这个错误“无法调用类型缺少调用签名的表达式”在我能够解决的各种情况下发生。但不幸的是，这不是这个案子。

请问有什么提示吗？谢谢

请在此处查看反应最终形式的文档

我正在研究一种显然由反应最终形式提供支持的形式。在表单组件中，我从 API 服务器获取数据，响应正文包括如下内容：

正如我们所看到的，在configs. react final 形式可以显示类似nameandvalue的值，但不能显示类似display.nameand的值，read.only因为它们的键中有一个点 -> .。

我知道我可以.用下划线之类的东西来改变这些点（），它会起作用。但问题是我们的后端开发人员说，使用点 ( .) 来分隔键名在后端非常常见，因此无法选择用其他分隔符替换点。

我目前正在前端用下划线替换这些分隔符，但这种逻辑无处不在，我认为应该有更好的方法来解决这个问题。谢谢！