我正在尝试为我的登录表单实现纯函数，并且我正在使用 redux-form。

我在单元测试中遇到了这个错误：

这是我要测试的组件：

这是我的纯组件：

当我在浏览器中播放它时，我得到了reduce is not defined. 当我删除它时它工作正常<Field />

我错过了什么明显的东西吗？

这是将 reduxForm 与我的视图层联系起来的代码。我不断收到语法错误！有人可以发光吗？

我想在提交表单之前验证我的两个名为price和quantity的字段是否接收到一个数字类型的输入值，所以在我的验证函数中我编写了以下代码：

无论我是否输入数字，我的表单上都会显示错误“请输入数字”，因此我在控制台记录了价格和数量的 typeof 输入值，结果发现它们始终是字符串。我应该如何验证表格，以便我可以检查价格和数量是否收到数字？

I have two models - contact and note. A note belongs to a contact.

I am trying to find a way to reference the contactId in the submit function.

I have passed contactId from a parent to the form:

In my form I want to use this in the submit function. I tried passing it as a param - i.e. submit(contactId) - but this does not work

I'm at a loss... Any ideas would be great.

Update! Solved below

I used the suggestion and link from skypecakes and this is the working code:

In the form:

我正在使用 React 构建一个多步骤申请表。首先使用纯内部状态构建它，我现在正在使用 redux-form 重构为 Redux。

以这里的示例为基础：http ://redux-form.com/5.2.5/#/examples/wizard?_k=oftw7a我们找到了一个好方法。

但是，当我有两种应该具有相同值的表单时，就会出现问题。在其中一个页面中，我有一个名称字段，它应该在下一页的名称字段中重复。如果您从最后一页返回，则会发生相反的情况。关于如何实现这一点的任何提示？

这个问题与Redux Form v6.0.0 相关（在写这个问题时它是 v6.0.0-alpha.15）。

如何从表单组件外部获取表单验证状态（如pristine、submitting、 ）？invalid

让我举个例子。这是“经典的 redux-form”伪结构：

...<submit-button>在 JSX 中的位置如下所示：

<button type="submit" disabled={pristine || submitting || invalid} >Save</button>

但是在我的应用程序中，我的提交按钮必须在表单之外，放置在应用程序的不同位置（比如说在应用程序标题中，在整个应用程序的顶部）。

1. 如何从 Redux-Form 外部获取这些pristine, submitting, ？invalid（如果可能的话，没有真正讨厌的黑客攻击:-)）
2. 我怎样才能提交该表格？

我有一个 redux-form 的电话号码字段。我希望这个字段是可选的（如果用户没有提交值，则默认为 ''），但如果他们输入了一个值，它应该检查以确保它是一个有效的电话号码。

我遇到的问题是我的表单的提交按钮当前被禁用，并且与我的 Redux 表单是否有效有关。我不确定如果它具有默认的 '' 值，为什么它不会通过有效。一旦在电话号码字段中输入了某些内容，它似乎确实会更改为 true 。

如果提交了某些内容，我如何检查验证，否则传递“”并且我的表单仍然有效？谢谢！

验证

表单域

提交按钮

在教程中我看到了这个

我在我的项目中尝试过像这样的打字稿

它会在 ...rest 上发出错误警告，所以我该怎么办？，不确定我是否应该通过添加 [rest:string]:any 之类的代码来将 Props 接口添加到字典中，我已经尝试过了，它是不行

我有一个无法解决的问题，尝试使用 redux-form。我正在尝试 Erikras 样板。我希望表单成为一个组件，并且父级调用handleSubmit（目前使用console.log 只是为了确认它有效）。在这里，两个：

这里是孩子：

所以......它不起作用我想我错过了一些重要的知识。我认为原因是因为表单组件是愚蠢的，它没有调度功能。所以，我尝试添加这个（以几种不同的方式多次）从特定文件夹中导入动作创建者：

但我仍然没有得到我想要的。有什么问题？

我正在尝试在基于 reactjs 的应用程序中使用DropZone组件来上传多个文件。我的 redux-form 需要一个字段pics，以下内容适用于上传单个文件：

在 render() 函数中：

我的 dropFile() 函数：

虽然上传单个文件有效，但它不允许上传多个文件（将多个文件放入 DropZone）。我猜原因是该onChange函数覆盖了以前的文件，所以我想知道是否可以在 redux-form 的某个字段上覆盖onChange函数。

编辑：

以一种 hacky 的方式，我让 reducer 监听redux-form/CHANGE事件，但我想知道是否有更好的方法。谢谢