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

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

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

窝是这样造成的：

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

单击复选框时，我正在更改另一个字段的“验证”属性。问题如下：“验证”字段已更改，我可以在 React 检查器中看到它，但 react-final-form 调用旧验证器。

你可以在这里看到一个演示：https ://codesandbox.io/embed/nny0zxz4rm 如果你点击复选框然后提交 - 表单将被提交并且验证器被忽略。如果您单击复选框两次 - 非必填字段将阻止表单提交。

我无法更改验证器的代码，也看不到任何其他选项来解决此问题。

我已经按照https://github.com/final-form/react-final-form#conditional-fields设置了一些条件字段

该表单很复杂，并且使用了在其他地方使用的组件。这些组件具有内置的验证器，因此它们在整个应用程序中是一致的。如果字段被隐藏但它们有验证器，则无法提交表单。

我怎样才能解决这个问题？

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

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

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

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

   /li>

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

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

ImagesUpload.jsx--> Presentational 组件 deleteImageWarning.jsx--> Notifications 组件 index.js--> 我在其中导出了 deleteImageWarning 函数

目标

我想在我的 React 应用程序中包含一个通知或弹出窗口，以提醒用户并让他们选择取消或确认操作，在这种情况下，删除附加到作业表的图像。当用户单击位于已附加到页面的图像旁边的删除按钮时，应触发此通知。

在哪里寻找问题

我写的（请看下面）根本不起作用。我觉得这个validateBeforeDelete功能有问题；我只是想在 DOM 中返回具有正确值的通知函数。此外，我在 deleteImageWarning 组件的 Content 部分缺少要写的内容。

简要概述

为了给您一个想法，按钮的删除功能在处理通知之前工作得非常好。ImagesUpload 文件有一个容器，因此，我们可以声明该ImagesUpload.jsx文件是展示组件，并且有一个ImagesUploadContainer.jsx文件充当展示组件的容器组件。

问题

问题是我不知道如何将我在ImagesUpload.jsx文件中声明的删除函数传递给deleteImageWarning.jsx组件。这肯定是我在 deleteImageWarning 组件的 Content 常量中所缺少的。它与我的render()函数中声明的常量有什么关系吗？

图片上传.jsx

index.js

（没有什么真正重要的，以防万一有人认为错误是由于没有导出 deleteImageWarning）

deleteImageWarning.jsx

为了让它非常明显，我在代码中添加了几个问号来突出显示我不知道该写什么的地方。

我正在使用手动制作的表单生成器并使用React Final Form来管理状态和数据。现在的问题是，我需要从表单外部的组件读取数据，甚至在提交之前向用户显示输入的实际状态。

并这样称呼它：

但现在的问题是，我需要在values外部阅读，<Form/>这样我才能在它的父级中阅读它。

如果我包含一个回调并将其扔到渲染方法this.props.suscribeCallback(values)中，它会尝试调用它，它会导致站点崩溃。当然这不是一个有效的解决方案，但我不知道如何解决它。

我对 Reactjs 有点陌生，所以如果这是初学者的错误，请道歉

我目前正在创建一个表单，react-final-form并尝试react-phone-number-input通过集成作为适配器来使用它，如本示例所示。

我尝试使用该示例来了解它是如何完成的，但我不确定如何访问该组件并为其正确创建适配器。

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

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

对于 FilePond，我试过这个：

我从中学到的例子：

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

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