问题标签 [redux-form]

设置

在我的项目中，我使用了很多库，但对于这种情况，我认为这些是相关的：redux-form、material-ui和parse。

在我的应用程序中，我有一个如下所示的表单组件：

由容器包裹，例如：

问题

问题是，当表单变脏时（我更改了输入中的值），我收到此错误：

除此之外，解析对象实际上被保存了，但是在保存结束之前按钮不会禁用。

如果我只是再次提交表单，而不更改任何值，那么一切正常。

什么可能导致它

到目前为止，我可以找到 3 段代码，如果将其删除，错误就会消失！

第一个是提交按钮的disabled属性。卸下disabled={submitting}零件，使错误消失，但随后我错过了视觉反馈。更新：如果我删除disabled属性，但使用submitting属性有条件地显示加载指示器，则不会引发错误，但指示器也不会显示（尽管如果表单是干净的，它确实会显示）。

二是不要将initialValuesprop发送到reduxForm。删除initialValues: {...}也会使错误消失。

最后但并非最不重要的一点是，不为解析对象属性设置新值也会使错误消失。只需从调用中删除参数object.save，一切正常。

帮助！

因为这个，我挣扎了好几天，我没有想法。

调用堆栈

我一直在试图找出管理我的反应表单的最佳方法。我尝试使用 onChange 触发操作并使用我的表单数据更新我的 redux 存储。我也尝试过创建本地状态，当我的表单被提交时，我触发并操作并更新 redux 存储。

我应该如何管理我的受控输入状态？

我正在尝试在基于 Typescript 的项目中使用名为 redux-form 的库。当我采用他们的“简单形式”示例代码并实现它时，我得到一个错误：

我究竟做错了什么？我已经安装了这个库的定义文件，所以要么我编码不正确，要么定义文件不正确。

在我的表单组件中（剥离代码以使其尽可能精简）：

我在这里使用它（导致上述错误）：

今天我整天都在敲我的脑袋，试图弄清楚为什么当你将returnRejectedSubmitPromise设置为 true 时，我无法捕捉到应该从失败的提交中返回的被拒绝的承诺。

我在我的配置对象中将 returnRejectedSubmitPromise 设置为 true。

我有一个提交函数，我将它传递给 redux 表单给你的 handleSubmit 道具。我在表单的 onSubmit 上调用了 handleSubmit。无论我做什么，我都会得到handleSubmit(...).catch is not a function或未处理的拒绝承诺错误。

有没有关于如何捕捉被拒绝的承诺的例子？

我需要redux-form-3.0.8并从 github下载了源代码。

我试图执行' npm run build '来编译它，但出现以下错误。

我发现' npm run build ' 将首先在package.json中调用' babel src --out-dir lib ' 。所以这个错误是由babel命令抛出的。

下面是我的 babel 版本。C:\Users\xxxxxx\node_modules\redux-form> babel --version 6.2.0 (babel-core 6.2.1)

你能告诉我如何绕过这个问题吗？谢谢。

我知道我可以像下面这样直接安装编译版本，但它仍然出错，我很沮丧。

我没有传递任何特殊的配置设置，也没有设置/或调用 Destroy ......但我的状态正在被清理......无论如何要防止这种情况发生？我需要状态保持不变，因为我需要整个应用程序中的数据。

嗨，我想为大写实现表单规范化，就像这里Normalizing Form Data

我有 100 个字段，我不想写每个字段，而是传递某种数组，类似的东西。

如何实现？

Are there any approaches when using both immutable.js and redux-form that don't require calling .toJS()?

I can see the suggested approach on this issue is to call .toJS() on the Map object before passing it to the form:

Does this not compromise the performance benefit you get from using immutable.js and limit memoization?

I'm interested to know the performance impact of this, will it still be worth using immutable.js in a form heavy application? Are there any other approaches that don't rely on .toJS()?

我有一个下面详述的 redux-form。根据文档，我应该能够将一个函数传递给 handleSubmit 并让它被调用，但似乎没有。

我想阻止默认，然后将表单数据传递给站点另一部分的操作（尚未在下面实现）。但是，我什至似乎无法使用这种方法获得“已解雇”的控制台日志来记录。我错过了什么？在这种情况下如何获取数据？我通常会在函数调用中绑定到它，但我什至无法让它工作......

我将我的应用程序包装在IntlProviderfrom react-intl v2中，如下所示：

我把我的react-form表格放在树下。一切都很好。

但是，如果我开始填写表格，并且我决定更改 UI 的语言（通过监听将通过我的 redux 存储更新我的lang和messages道具的操作），则表格将被重置：-/

我看到redux-form/INITIALIZE当 lang 改变时触发的动作。

即使我传递destroyOnUnmount: false给它也会发生reduxForm()。

不受控制的表单字段不会发生这种情况。

任何想法？

我的代码：App.js +注册表单