redux-form相关内容

如何更改 redux 表单中的字段?

在我的 react 组件中,我试图设置一个名为“total"的字段.我已将更改操作作为道具导入到我的组件中: import React, { Component, Fragment } from 'react'import { Field, FieldArray, reduxForm, getFormValues, change } from 'redux-form'从'react-redux' ..
发布时间:2021-07-05 20:34:59 其他开发

ReactJS - 点击时获得纬度并在输入中显示

这里是初学者.我有一个使用地理定位 API 获取纬度和经度的按钮.我在我的控制台上得到了很好的位置,但是我在输入框中显示它们时遇到了问题(以便我可以稍后发布位置信息).下面是我的组件代码: export class GetLocation extends Component{构造函数(){极好的();this.state = {纬度:'',经度:''};this.getMyLocation = ..
发布时间:2021-07-05 20:34:56 前端开发

ReactJS - Redux Form - 如何根据单选字段元素有条件地显示/隐藏元素?

我对 Redux 比较陌生,我有一个表单,其中包含一些单选输入“是"或“否".基本上,我想根据单选输入选择有条件地显示另一个包含另一个 redux 表单字段的元素.有没有直接的方法可以做到这一点? 我正在尝试只检查 formProps.site_visit 值,但我收到关于它未定义的错误.为了记录起见,为了简洁起见,我已经大大减少了这个组件中的代码量. export class Reque ..
发布时间:2021-07-05 20:34:53 其他开发

如何在 reducer 中处理 redux-form/CHANGE

处理由 redux-form 调度的 redux-form/CHANGE 操作的推荐方法是什么?我有自己的减速器来管理此表单的状态,但我不确定是否最好执行以下操作: 导出默认reducer (state = initialState, action) {案例'redux-form/CHANGE'://返回修改后的状态} 我看到的一个问题是这个 reducer 会接收 every redux-f ..
发布时间:2021-07-05 20:34:50 其他开发

Redux 表单 Typescript 传递自定义道具

我正在尝试将自定义道具传递给我用 reduxForm 装饰的组件.另外我对打字稿很陌生. 第一个问题是我不能用connect包装装饰的组件: 导出默认值连接(mapStateToProps)(reduxForm({形式:'我的形式'})(我的组件)) 错误: Error:(89, 5) TS2345:Argument of type 'DecoratedComponentClass>> ..
发布时间:2021-07-05 20:34:47 其他开发

如何在 React-Bootstrap 中使用 Redux-Form?

我正在尝试使用 "redux-form": "^6.7.0" 和 "react-bootstrap": "^0.31.0" 我的组件渲染得很好,但是当我按下提交时,我看到的是一个空对象. 注意:我尝试先用 connect 包装配置,如下所示,首先用 redux-form 包装它,然后用 from react-redux connect() Configuration.js cl ..
发布时间:2021-07-05 20:34:44 其他开发

redux-form 中的多个复选框

我想问一下,这是场景.我有这个多个复选框,但我的问题是每当我勾选一个复选框时,所有 4 个复选框都被选中.还有为什么复选框的值只是真或假.这是我的复选框: 种子 ..
发布时间:2021-07-05 20:34:41 其他开发

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

我有一个 redux-form 特定问题. 我的表单中有一个隐藏的输入: 并希望通过向服务器发出请求来执行一些异步验证.实现这一目标的最优雅/最合适的方法是什么?我一直在研究异步模糊验证,这似乎是正确的,除了隐藏输入似乎无法触发模糊事件. 编辑 通过将以下中间件代码连接到 Redux,我设法得到了我想要的: if (action.type === ActionTypes ..
发布时间:2021-07-05 20:34:38 其他开发

如何在 ReduxForm 中手动重新触发验证?

我喜欢在表单安装后重新触发验证.假设我喜欢在每次单击名为“验证输入"的按钮时运行验证. 如何做到这一点? 相关问题: 如何在 redux 形式的 FieldArray 状态的切片上运行验证 Redux Forms 有没有办法让表单通过代码验证? 解决方案 手动 redux-form 验证是一个 oft 请求 功能,目前似乎没有提供. 我个人的解决方法是在 redu ..
发布时间:2021-07-05 20:34:36 其他开发

如何丰富样式 AOR 编辑页面

必须创建一个编辑页面,在“故事"资源的实例上编辑多个参数. 但是,添加任何元素(例如 MUI 卡甚至 div)都会导致应用以各种方式冻结. 这些是我尝试过的方法. 1) 添加卡片组件或将我的元素放在 div 中以进行样式设置 export const EditorEditTale = (props) =>{返回 ( ..
发布时间:2021-07-05 20:34:33 其他开发

Redux-form:如何在模式弹出时从 API 调用加载值(编辑模式)到表单?

我是 React & 的新手Redux-Form,目前我需要一些帮助. 基本上我有列表页面和它们的编辑按钮.单击编辑后,我会显示一个带有字段的模式弹出窗口,并执行 API 调用以获取相应的列表数据. 能否请您告诉我如何使用从 API 调用接收到的数据预先填充模态弹出窗口中的字段? 非常感谢带有代码示例的演示(就像我说我对 React & Redux & Redux-form 还很 ..
发布时间:2021-07-05 20:33:48 前端开发

带有 formValueSelector 的多个 Redux 表单

我正在尝试创建多个具有可靠下拉菜单的表单.根据下拉列表 1 上的选择,显示一些字段并填充另一个下拉列表. 要实现多个表单,我必须传递一个唯一的表单键,例如: panels.map(panel =>) 但是,要连接到状态以进行更改,我必须使用 redux formVa ..
发布时间:2021-07-05 20:32:44 其他开发

如何使用 Redux-form 从复选框中获取值?

如何将 redux 表单中复选框的默认布尔值更改为您在输入本身上指定的值? 例如,我有一个这样的输入: 当 Redux 表单选择这个时,它只会给我一个真/假,即使我想要值“页面丢失或乱序" 我可以做这样的事情来到达我需要去的地方,以便当表单提交时,它会提交值“页面丢失或 ..
发布时间:2021-07-05 20:28:36 其他开发

Redux-form:从状态设置表单值

我有一个名为 addContactForm 的 redux 表单.此表单通过插件侦听我的应用程序中的某些操作.请参阅下面的代码以获取说明: /reducers/index.js import { combineReducers } from 'redux';import { reducer as reduxFormReducer } from 'redux-form'从'./add-con ..
发布时间:2021-07-05 20:25:35 其他开发

动态生成单选按钮

我有一个 redux 表单,其中包含了一些单选按钮: 通行证类型{passType.touched &&passType.error &&{passType.error}} 一切都很好,但现在传递类型必须从状态动态生成: PassTypes":[{"Id":1,"Name":"VIP"},{"Id":2,"Nam ..
发布时间:2021-07-05 20:25:13 其他开发

删除了 withRef 错误.要访问包装的实例,请在使用 Redux Form 时在连接的组件上使用 ref

我第一次尝试让 Redux Form 工作,但出现以下错误: 删除了 withRef 的不变违规.访问包装好的例如,在连接的组件上使用 ref. 我做错了什么?一旦我写入(从示例中复制/粘贴)商店,就会抛出错误. 这是代码. 从“react"导入React;从“react-dom"导入 ReactDOM;import { createStore, combineReducers ..
发布时间:2021-07-05 20:24:02 其他开发

如何停止 redux-form 的“表单"从 redux-persit 自动再水化状态

我正在使用 redux-form,它提供了一个名为“formReducer"的内置 reducer,需要向组合的 reducer 注册以使用 redux 的存储管理表单状态. 我也在使用 redux-persist 来持久化 redux 存储. 当我不想让我的表单自动重新填充用户在页面重新加载或页面刷新时输入的数据时出现的问题.在我自己编写的普通 reducer 中,我可以简单地为“R ..
发布时间:2021-07-05 20:23:38 其他开发

如何以redux形式重置初始值

我正在使用 redux-form.我在州的输入字段中显示初始值.当我点击重置时,输入字段仍然显示初始值. 如何重置输入字段? 这是我的代码: const mapStateToProps = (state) =>{返回 {初始值:{名称:state.userInfo.data.name,电子邮件:state.userInfo.data.email,电话:state.userInfo.d ..
发布时间:2021-07-05 20:22:56 其他开发