问题标签 [redux-form]

我在 redux-form 中有一个 material-ui 下拉菜单，我想初始化它的值。通过调度两个动作，我得到了我想要的值 [exercise.exercise_type_id和exercise.exercise_type_name] 和可用选项列表 [ 、具有和属性types的对象数组等]：idname

理想情况下，我希望有类似的地方：

但仅限于初始状态，因为我们想用handleDropDownChange.

[当然我会很感激像

但我知道这是一种反模式。但无论如何它不起作用，道具仍然是空的。]

我的下拉列表是这样的：

更多代码：

我有一个相当复杂的多级深层/嵌套表单，使用reduxForm(). 由于表单非常大，我将它的一部分分解为子组件。其中一些组件需要访问 Redux 状态，因此需要通过 props 或 be 传递连接connect()ed。但是，当我使用普通的 Reduxconnect()函数连接子组件时，无法编辑其中的 redux-form 字段。所以我尝试使用reduxForm()连接子组件以及父组件，这感觉不对，但似乎工作。

但是我现在发现某些功能removeField()在连接的子组件中不起作用 - 例如child_form.removeField(index)删除所有child_forms，而不仅仅是与索引匹配的那个。

将组件的子组件连接reduxForm()到 redux 状态的正确/最佳实践方法是什么？使用道具通过层次结构传递所有内容将很快变得笨拙......

解决了一些问题后，我坚持将 DatePicker 数据发送到我的表单。在我的表单中，我主要使用 redux-form-material-ui 中的元素，但 DatePicker 不是其中的一部分。

我找到了两种使用 redux-form 创建 DatePicker 组件的方法。

和

问题是我不知道用它更新表单数据的方法。第一个示例甚至没有在文本字段中显示选择的日期。我可以在form.myForm商店中看到，我激活了日期字段，但它永远不会随所选日期更新。第二个显示选择的日期，但它不是form.myForm对象的一部分......

我在互联网上找到了一些示例（例如https://github.com/erikras/redux-form/issues/364），但fields道具中没有对象，因此无法调用this.props.fields.startDate.onChange.

我不确定使用 redux-form 和 material-ui 的好方法是什么，因为没有很多工作示例。我开始考虑为我使用的每个组件制作一个包装器，它将提供 onChange 方法，该方法将使用表单中的任何更改更新我的商店。但是后来我不再需要 redux-form，所以我认为必须有其他解决方案，我可以使用。

有一个问题，在我的 index reducer 文件中添加 reducer 不起作用，但如果我将它添加到 store.js 文件中的 rootReducer 对象，一切正常。通过不工作，我的意思是我收到一个错误，指出将 redux-form reducer 安装在“form”处。

我正在异步验证我的 redux-form。但是这个例子并没有真正展示如何使用 redux 状态，发送一个动作并从状态中获取结果。那么如何从 reduxForm 装饰器中的 @connect 访问道具来实现这一点呢？

此外，将函数直接放在装饰器中会引发语法错误，但逻辑必须在其中才能访问道具，对吗？

我正在尝试创建一个用户注册表单，其中包含一个名为的组件UserRegistrationForm和一个名为UserRegistration. 尽管我确保已将 redux-form' reducer 安装到formroot reducer 中，但我的浏览器控制台中仍然出现以下错误：

UserRegistrationForm代码：

容器UserRegistration代码：

我知道 redux-sagas 的工作方式与 redux-thunk 非常不同，并且可能需要 reducers 上的选择器。我确实尝试在表单上创建以下选择器，但它没有在减速器中为 key 得到任何东西form：

我使用redux-formandredux-form-material-ui来创建一些简单的表单。subdepartmentselect 中的值取决于在 select中选择的值department。所以我创建了一个回调函数触发了department选择的onChange。获取subdepartment选择的数据有效，但选择的值department不再出现。

回调：

我正在尝试集成到我的基于 react.js 的 Web 应用程序中，但是在简单的同步验证 redux-form 示例redux-form (Ver 5.25)中遇到了以下问题：

代码：

在自定义表单组件（UserRegistrationForm）中，我有以下代码：

在我的根减速器中，我安装了 redux-form 减速器以形成：

所以我想知道是什么导致了上面示例代码的错误。我猜是 Field 中的组件导致它，但我不知道如何修复它。任何帮助表示赞赏！

编辑： 使用该Field 组件的适当示例是在这里使用 material-ui，我正在尝试做类似的事情

如何将 redux 形式的复选框的默认布尔值更改为您在输入本身上指定的值？

例如，我有这样的输入：

<input type="checkbox" value="Pages missing or out of order" {...issue1} />

当 Redux 表单选择这个时，它只是给了我一个真/假，即使我想要值“页面丢失或乱序”

我可以做这样的事情来到达我需要去的地方，以便在提交表单时，它会提交值“页面丢失或乱序，而不是真/假？

<input type="checkbox" onChange={value => console.log(value.target.value)} value="Pages missing or out of order" />

当我删除 {...issue1} 时，将调用我的自定义 onChange 事件处理程序，但是当我保留 {...issue1} 时，它会被完全忽略。

想法？

我目前正在以这种方式渲染主要组件：

文档状态使用 MuiThemeProvider 来包装我的应用程序组件。我一直在使用 Provider 来包装，关于如何使用 material-ui ina redux 应用程序的任何建议。我正在尝试在 redux-form 字段中添加 material-ui，如下所示：