问题标签 [redux-form]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
894 浏览

redux-form - 我可以在隐藏的输入字段上使用带有 redux-form 的异步模糊验证吗?

我有一个redux-form 的具体问题。

我的表单中有一个隐藏的输入:

并且想通过向服务器发出请求来执行一些异步验证。实现这一目标的最优雅/最合适的方法是什么?我一直在研究异步模糊验证,这似乎是正确的事情,除了隐藏的输入似乎无法触发模糊事件。

编辑

通过将以下中间件代码连接到 Redux,我设法得到了我想要的东西:

0 投票
1 回答
1734 浏览

redux-form - 我可以在表单提交时使用 redux 表单禁用异步验证吗?

这个问题是特定于 redux-form 的。

我正在对字段使用异步验证,但不想在表单提交时重新验证,因为验证很昂贵。

我查看了这个 github 问题https://github.com/erikras/redux-form/issues/681,建议记住异步验证功能。我不想为此返回服务器,那么有没有办法访问 asyncValidate 中的存储?

从 redux-form 代码来看,应该可以检查handleSubmit函数内部的异步错误字段,而不是调用asyncValidate(). 这可以作为配置选项添加到 redux-form 吗?

0 投票
2 回答
8635 浏览

javascript - 以 Redux 形式动态加载 initialValues

使用 Redux-Form 中的initializingFromState示例,我试图动态设置它。这是在书籍列表中编辑特定书籍,并使用 express.js 中设置的简单 api。

完整的容器如下。我不知何故需要initialValuesmapStateToProps函数中传入 , 。在示例中,它是通过静态对象完成的,但我不知道如何使用我通过 提取的信息fetchBook,并将其传递给initialValues.

容器:

谢谢你。

0 投票
2 回答
15905 浏览

reactjs - Redux Form:如何处理多个按钮?

我正在尝试向redux-form添加第二个提交按钮。

两个按钮都应该发送一个保存数据的操作,但是根据按下的按钮,用户应该被路由到不同的页面。

所以我定义了一个处理程序,我将其作为onSubmit道具传递给表单。

但据我所知,只有表单数据被传递给这个处理程序:

注意的文档handleSubmit

旨在传递给<form onSubmit={handleSubmit}> 或的函数<button onClick={handleSubmit}>。它将运行同步和异步验证,如果表单有效,它将this.props.onSubmit(data)使用表单数据的内容进行调用。

我缺少的是一种将有关按下按钮的信息(例如单击事件)传递给我的 onSubmit 处理程序的方法,以便我可以按预期保存和路由。

0 投票
0 回答
372 浏览

redux-form - redux-form 和动态嵌套状态

我使用 redux-form v5。

状态形状为:

为了连接静态字段,当我调用时在字段数组中指定它们就足够了

但是如何连接到“命名空间”对象的各个键?

最终目标是在表单上显示多对 Label - Input,其中 Label 将是 namespaceA/namespaceA/... 并且 Input 将包含相应命名空间的所有标签。

编辑输入应该只修改相应的数组。

我不能真正以常规方式指定它们,因为键是动态的。

我认为我可能需要为每个键动态生成表单,但还不能让它工作。

0 投票
8 回答
35586 浏览

reactjs - 如何清除表单中的某些字段 - Redux-Form

我正在处理一个页面,该页面上有许多输入验证和逻辑绑定,并且每次 sprint 迭代页面大小都会增加。因此,我必须找到一个漂亮且可扩展的解决方案。

想象一下,当用户从下拉列表中选择一个值作为“A”时,必须禁用某些字段,必须清除某些字段,并使用默认值初始化某些字段。我可以使用一些小代码来更改一个相关字段(没有像正则表达式或长度约束这样的验证规则)值

我的问题是当我需要清除多个字段时,

它总是被我的验证方法阻止并且清除操作失败(注意:我应该是那样但不是那样)

.

我尝试了以下一些策略,但是 y,z,w 字段有一些文本,它触发了验证规则并处理了错误。因此,输入仍然具有旧值,而不是清除值。

对于具有高度依赖输入的页面,清除输入或为 redux 形式的输入分配一些值的最佳实践是什么。

我已经研究了 2 天,但找不到任何最佳解决方案。(redux normalizer,redux form utils 等)

谢谢。

0 投票
1 回答
1233 浏览

reactjs - 将字段值与 redux-form v6 结合

我正在将应用程序的一部分从redux-form v5( v6)迁移alpha-10。我需要显示某些字段的组合值。

v5,我会有类似的东西:

表格的最后一个div结合了我的两个firstlast字段的值。如何创建这样的元素v6

0 投票
0 回答
713 浏览

javascript - 如何更改渲染输入以选择 redux-form?

我通过 redux-form wuth react.js 处理表单。我需要一些有关动态表单中相关下拉字段的帮助。我有反应组件形式:

示例: 如果选择的值是,child.type == contactTypes[2].key那么我需要将选择呈现 services为它的选项,但不像默认PureInputchild.description.

我怎样才能做到这一点?

0 投票
2 回答
2121 浏览

reactjs - React / Redux Form 将道具传递给孩子

我的项目中有一个视图,用户可以在其中检索页面列表,也可以创建新页面。我的代码如下所示:

父组件(页)

子组件(创建新页面)

Pages 从 React Router 接收一个 ID 作为道具,我想在我的“创建新页面”组件中将它提供给 Redux 表单,以便我可以将页面与我的数据库中的项目相关联。

我目前通过将项目 ID 作为道具传递给“创建新页面”组件,然后将其存储在隐藏的输入字段中,从而使项目 ID 可用。

这是我的第一个 Redux 应用程序,所以我只想知道我这样做是否正确?提前谢谢了。

0 投票
0 回答
291 浏览

javascript - 在 Redux 表单的输入上设置新状态

我在一个项目中使用 Redux-Form 并且遇到了一个问题。我无法使用新的输入值设置状态。

这是代码:

登录.js

我想确保输入标签获得各自的状态。

我如何动态地做到这一点?我尝试使用value={this.state.fieldConfig.id}value={this.state.{fieldConfig.id}}但都抛出了错误。