问题标签 [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.
redux-form - 我可以在隐藏的输入字段上使用带有 redux-form 的异步模糊验证吗?
我有一个redux-form 的具体问题。
我的表单中有一个隐藏的输入:
并且想通过向服务器发出请求来执行一些异步验证。实现这一目标的最优雅/最合适的方法是什么?我一直在研究异步模糊验证,这似乎是正确的事情,除了隐藏的输入似乎无法触发模糊事件。
编辑
通过将以下中间件代码连接到 Redux,我设法得到了我想要的东西:
redux-form - 我可以在表单提交时使用 redux 表单禁用异步验证吗?
这个问题是特定于 redux-form 的。
我正在对字段使用异步验证,但不想在表单提交时重新验证,因为验证很昂贵。
我查看了这个 github 问题https://github.com/erikras/redux-form/issues/681,建议记住异步验证功能。我不想为此返回服务器,那么有没有办法访问 asyncValidate 中的存储?
从 redux-form 代码来看,应该可以检查handleSubmit
函数内部的异步错误字段,而不是调用asyncValidate()
. 这可以作为配置选项添加到 redux-form 吗?
javascript - 以 Redux 形式动态加载 initialValues
使用 Redux-Form 中的initializingFromState示例,我试图动态设置它。这是在书籍列表中编辑特定书籍,并使用 express.js 中设置的简单 api。
完整的容器如下。我不知何故需要initialValues
在mapStateToProps
函数中传入 , 。在示例中,它是通过静态对象完成的,但我不知道如何使用我通过 提取的信息fetchBook
,并将其传递给initialValues
.
容器:
谢谢你。
reactjs - Redux Form:如何处理多个按钮?
我正在尝试向redux-form添加第二个提交按钮。
两个按钮都应该发送一个保存数据的操作,但是根据按下的按钮,用户应该被路由到不同的页面。
所以我定义了一个处理程序,我将其作为onSubmit
道具传递给表单。
但据我所知,只有表单数据被传递给这个处理程序:
注意的文档handleSubmit
:
旨在传递给
<form onSubmit={handleSubmit}>
或的函数<button onClick={handleSubmit}>
。它将运行同步和异步验证,如果表单有效,它将this.props.onSubmit(data)
使用表单数据的内容进行调用。
我缺少的是一种将有关按下按钮的信息(例如单击事件)传递给我的 onSubmit 处理程序的方法,以便我可以按预期保存和路由。
redux-form - redux-form 和动态嵌套状态
我使用 redux-form v5。
状态形状为:
为了连接静态字段,当我调用时在字段数组中指定它们就足够了
但是如何连接到“命名空间”对象的各个键?
最终目标是在表单上显示多对 Label - Input,其中 Label 将是 namespaceA/namespaceA/... 并且 Input 将包含相应命名空间的所有标签。
编辑输入应该只修改相应的数组。
我不能真正以常规方式指定它们,因为键是动态的。
我认为我可能需要为每个键动态生成表单,但还不能让它工作。
reactjs - 如何清除表单中的某些字段 - Redux-Form
我正在处理一个页面,该页面上有许多输入验证和逻辑绑定,并且每次 sprint 迭代页面大小都会增加。因此,我必须找到一个漂亮且可扩展的解决方案。
想象一下,当用户从下拉列表中选择一个值作为“A”时,必须禁用某些字段,必须清除某些字段,并使用默认值初始化某些字段。我可以使用一些小代码来更改一个相关字段(没有像正则表达式或长度约束这样的验证规则)值
我的问题是当我需要清除多个字段时,
它总是被我的验证方法阻止并且清除操作失败(注意:我应该是那样但不是那样)
.
我尝试了以下一些策略,但是 y,z,w 字段有一些文本,它触发了验证规则并处理了错误。因此,输入仍然具有旧值,而不是清除值。
对于具有高度依赖输入的页面,清除输入或为 redux 形式的输入分配一些值的最佳实践是什么。
我已经研究了 2 天,但找不到任何最佳解决方案。(redux normalizer,redux form utils 等)
谢谢。
reactjs - 将字段值与 redux-form v6 结合
我正在将应用程序的一部分从redux-form v5
( v6
)迁移alpha-10
。我需要显示某些字段的组合值。
在v5
,我会有类似的东西:
表格的最后一个div
结合了我的两个first
和last
字段的值。如何创建这样的元素v6
?
javascript - 如何更改渲染输入以选择 redux-form?
我通过 redux-form wuth react.js 处理表单。我需要一些有关动态表单中相关下拉字段的帮助。我有反应组件形式:
示例:
如果选择的值是,child.type == contactTypes[2].key
那么我需要将选择呈现
services
为它的选项,但不像默认PureInput
的child.description
.
我怎样才能做到这一点?
reactjs - React / Redux Form 将道具传递给孩子
我的项目中有一个视图,用户可以在其中检索页面列表,也可以创建新页面。我的代码如下所示:
父组件(页)
子组件(创建新页面)
Pages 从 React Router 接收一个 ID 作为道具,我想在我的“创建新页面”组件中将它提供给 Redux 表单,以便我可以将页面与我的数据库中的项目相关联。
我目前通过将项目 ID 作为道具传递给“创建新页面”组件,然后将其存储在隐藏的输入字段中,从而使项目 ID 可用。
这是我的第一个 Redux 应用程序,所以我只想知道我这样做是否正确?提前谢谢了。
javascript - 在 Redux 表单的输入上设置新状态
我在一个项目中使用 Redux-Form 并且遇到了一个问题。我无法使用新的输入值设置状态。
这是代码:
登录.js
我想确保输入标签获得各自的状态。
我如何动态地做到这一点?我尝试使用value={this.state.fieldConfig.id}
,value={this.state.{fieldConfig.id}}
但都抛出了错误。