问题标签 [react-final-form]

我无法将 defaultValue 设置为文本区域，我正在使用react-final-form并将 TextareaField 包装在 react-final-form 的 Field 元素中

这是我的代码：

严重卡住了，我在哪里失踪？

我正在使用 react-final-form 来验证输入字段，如下所示：

我已经对其进行了如下测试：

这涵盖了 meta.touched 的测试，但覆盖率报告显示它不涵盖 !meta.valid 的测试 我不知道如何涵盖 !meta.valid 的测试 我尝试使用如下空白字段：

但这并没有涵盖它，请帮助

我的应用程序使用 redux 将来自后端 API 的数据保存在 redux 存储实体减速器中，例如数据的 MEMBER 对象，该数据在 App 中的多个组件之间共享以显示成员详细信息。现在我正在实现EditProfile组件，它应该从表单中获取数据，将其作为 PUT 请求发送到后端 API，如果请求成功结束（直到这里完成） 更新 redux store 中的当前 Member Profile 实体。我试图找到类似“最佳实践”的东西来达到这个 redux 商店更新。我已经实现了基本的 api 中间件（类似于 Redux 真实世界应用程序示例中的一个），但我不完全确定如何通过状态更新来实现部分。

我的后端 api 在 PUT 请求后仅返回状态代码和原因（如果错误）或 memberId（如果成功）。我无法更改后端端点以返回新的成员配置文件对象，因为我们的网络服务器之外还有另一个“全局”服务器，它与这个服务器相同，我无法更改它。

所以我认为我需要从表单（react-final-form）中持久化数据，如果成功响应包含 memberId（来自后端），使用这些数据更新当前的 Redux 存储实体（成员配置文件）。

我正在考虑将更新请求数据保存到存储实体减速器中-> 使用像 UPDATING_MEMBER_PROFILE 这样的键和 id 请求以成功结束，将这两个对象合并为一个并清除 UPDATING_ 部分。请问各位有什么建议吗？

更新：

要在我的代码中调用 API，我有如下操作：

memberAction.js

然后我的 API 中间件负责 action.type === API 并为 API_REQUEST、API_SUCCESS 和 API_ERROR 类型生成操作，其中包含来自第一个 fetchProfile 操作的实体和标签。看起来像：

apiMiddleware.js

在中间件服务器和调度另一个动作之后，我的 api reducer 将分配来自 API 的数据以按实体存储，例如：

apiReducer.js

这些只是为了简单起见的伪代码（我现在不使用 thunk ......）。所以我需要某个地方（可能在 api 中间件中）将临时数据保存到存储中（可能通过另一个动作）以通过这种方法达到我需要的内容？

如果我使用“解析”，则用户无法输入小数分隔符。

因为“9”。被解析为9并立即替换输入文本。

沙盒：https ://codesandbox.io/s/xmj92nnpo

我正在尝试将 bool 属性添加到根据按钮 1 或按钮 2 的单击打开/关闭的表单中。

当我在本地设置上执行此代码框时，我收到 react setState 错误，但仅在第一次单击时。

Warning: Can't call setState on a component that is not yet mounted.

我想这是因为不需要调用 input.onChange 。完成自定义输入的最佳方法是什么？

我试图以初始值的形式传递。有了这个，我得到一个警告，并且初始值没有被初始化。

通过将初始值传递给表单，我做错了什么？

这是我使用的代码：

父组件：

表单组件：

操作系统：Windows 10

依赖项：

“最终形式”：“^4.10.0”，
“反应”：“^16.5.0”，
“反应域”：“^16.5.0”，
“反应最终形式”：“^3.6.7 ",

一旦用户在文本字段中输入文本，我尝试了不同的方法来实现 mutator 将文本转换为大写。但还没有成功。埃里克提供的例子似乎是正确的，但也许我遗漏了一些东西。

调用未定义toUpperCase的值时会引发错误。value非常感谢任何帮助！

更新：2018 年 10 月 27 日

我意识到我们也可以使用解析器来解决这个问题：

仍在寻找 mutator 如何工作以及我的代码中的错误是什么。

已尝试： 根据现有字段改变状态

如何从外部用户操作中设置/更改字段值

我遇到了一个问题react-final-form，它告诉我我没有通过，type=checkbox所以它无法正确解包。我有点困惑，因为在示例中自定义组件确实得到了type传递给它。一个活生生的例子可以在下面找到：

https://codesandbox.io/s/9o227yp3q4

我看到的是输入以未定义状态开始，然后在用户输入时切换为真或假。从未定义的状态开始，我认为是导致问题的原因，但我并不积极。

我收到的错误消息是

我们正在使用语义 UI 来响应表单。

当我使用 disable forInput时，它同时禁用标签和输入字段。

我像下面这样使用

有没有办法只禁用输入框而不是标签？

提前致谢 ：）

我在一个组件中有一个表单，它将有一些记录可以循环浏览。记录被调用并存储在 componentdidMount 上的 redux 存储中。我无法“循环”浏览表格上的记录。我可以很容易地设置初始值，但是当用户单击下一步以使用集合中下一条记录（数据 [x]）中的数据重新初始化 react-final-form 时，最好的方法是什么？