无法使用 redux-form 在文本字段中输入
我有一个使用 redux-form 的模态表单.我有几个文本字段，但你不能输入它们.我怀疑文本字段没有从 redux-form 中获取 onChange 事件，但我找不到任何线索我在做什么. 我的代码是: 从 'react' 导入 Reactimport { Button, Modal, Form, Message } from 'semantic-ui-react'import { Fi
..
redux-form相关内容
如何使用redux-form上传文件?
尝试上传文件时，我无法在商店中获取正确的值.我得到的不是文件内容，而是 { 0: {} }.代码如下: const renderInput = field =>(
{field.meta.touched &&field.meta.error &&
..
重置 redux-form 时，react-select 不会清除值
我有一个无状态的 React 函数来渲染一个 react-select Select 到一个表单.除了 redux-form 被重置时，其他一切都可以很好地与 redux-form 配合使用.成功发布后，我需要手动重置表单. onChange 和 onBlur 在 Select 值更改时正确更改 redux-form 值.当我重置 redux-form 时，redux-form 值被清除，但
..
选择选项时将值作为字符串发送
我将 react-select 用于自动完成和选项相关字段.当我选择该选项时，它会将整个选项对象作为 {value: 'abc', label: 'ABC'} 传递，但我只想将值作为字符串而不是对象传递.因此，我使用了 getOptionValue 但它没有按预期工作. 这就是我所做的 选项.标签}getOptionValue={option =>选项.值}/> 我同时使用了 getOp
..
从带有 redux-form 的 react-select 中进行多项选择无法按预期工作
所以我使用来自 react-select 和 redux-form 的 multi select 和 onBlur hack(?)，它在幕后工作正常，因为当我提交它时，我有选定的数据值 但是在访问任何多选字段后(即使我没有选择任何内容)我最终没有任何值(除了这个没有显示任何内容 )) const 选项 = [{值:'一'，标签:'一'}，{ 值:'二'，标签:'二' }];{input.
..
如何将 redux 存储传递到动态呈现的 redux-form 组件中?
我有一个使用 redux-form 的 React Redux 应用程序.表单由事件动态呈现.在渲染时，我收到一个错误 未捕获的错误:在“Connect(Form(FormCreate))"的上下文或道具中找不到“store" 为了修复错误，我明确地将一个 store 传递给 Form 组件，如下 render(, document.getElementById('form')) 但是
..
使用 redux-form 异步加载数据不起作用
我正在尝试使用 redux-form v6.7.0 异步加载数据以形成表单，但它不起作用.我提到了这个链接.下面是我的示例代码.任何帮助，将不胜感激.提前致谢. /* reducers 应该始终保持不变性 */var personInfo = {名称: ""，年龄: ""};函数 PersonInfoReducer(state = personInfo, action) {开关(动作.类型)
..
您如何从减速器中的 redux 表单访问值?
我正在尝试从在我的 reducer 中填写的 redux 表单获取访问权限，以便我可以将另一个对象的值替换为数组.您如何正确提交和传递来自 redux 表单的值? 我尝试通过 redux 操作将其传回.我试过直接从商店访问它在减速器中，因为我认为这就是它的存储位置.我觉得我在做一些简单的错误 class EditWorkoutItem 扩展组件 {状态 = {打开:假};//打开页面han
..
React/Redux——组件的每个实例的独立状态
如果有一个用户列表并且每个条目都有一个按钮»编辑«.如果用户点击它会发生以下情况: 向服务器请求表单 添加组件到entry，什么展开entry 这工作正常，除了一件事:如果单击更多按钮，表单的每个实例都会收到请求的最后一个用户表单的数据.那是因为我在状态中只有一个 userform 属性. 所以为了解决这个问题，我想将 userform 交换为 u
..
redux 表单服务器端验证
我一直在设置 redux 表单的服务器端验证.我有一个注册表单并且完美地执行了客户端验证，但是在服务器端验证中，我无法理解如何使用相应的输入字段显示来自服务器的错误消息. API 请求 const createMemberRegistration = 用户 =>{返回调度 =>{dispatch({ type: POST_REQUEST });processMemberRegistrat
..
如何有条件地添加类名?
我在 react-redux-form 中有以下内容: {label}
{感动&&错误&&{error}} 我希望能够使用任何一个
..
如何在 redux 表单中访问 redux store
我是 react-redux 世界的新手，如果我遗漏了什么，请纠正我: 基本上我试图通过 redux 存储访问主机名并在表单中使用它.到目前为止，我只是在 redux 表单中使用主机名引用 window.location 但我想通过 redux store/通过任何其他更好的方法访问主机名，以便我可以保持函数的纯净?想法? 谢谢 编辑: 从 'react' 导入 Reactim
..
编辑字段不起作用&使用 redux store 管理表单值 - redux-form
我正在使用 redux-form v6.7.0.我提到了这个 link 并尝试在按钮点击时异步加载数据，但它没有按预期工作.我在 componentWillReceiveProps 中使用了 change 方法，但使用后我无法编辑该 Field. 我不知道使用 change 方法是使用 redux-form 进行管理的唯一且适当的方法.PFB 我在 componentWillReceiveP
..
如何将事件侦听器添加到 redux 表单
我正在尝试将 keydown 事件传递给 redux 表单，但我不知所措.有人可以帮我解决这个问题吗?实际上，我想在用户以 redux 形式按回车键时发出警报. 警报(“你是什么")}规范化={normalizeDropdown}标签=“值"/> 解决方案 handleK
..
箭头函数不应返回赋值 no-return-assign
然而，我的代码在应用程序中正常工作，在提交 husky 运行并给出错误提示“箭头函数不应返回赋值 no-return-assign" e.target.placeholder = 'MM/YYYY/DD'}/> 解决方案 正如一些人在评论中提到的，问题在于您正在使用 (e) =>e.target.placeholder = 'MM/YYYY/DD' 大致相当于 anon_func =
..
如何处理redux表单提交的数据
我从 redux 表单官方页面上关注本教程http://redux-form.com/5.3.1/#/getting-started?_k=8q7qyo 我面临两个问题 1:如何在 handleSubmit 函数或任何其他函数中获取表单数据.以便我可以根据需要处理表单数据. 2:每次提交表单时，我的页面都会刷新.我不想刷新我的页面 import React, {Componen
..
Redux 表单:具有多个提交按钮的条件表单验证
我正在使用带有多个提交按钮的 Redux 表单以及 redux-form .我需要根据点击这些按钮来控制这些字段的验证.例如.我需要根据单击这些按钮将标志设置为 True/False，以便我可以有条件地验证我的字段，如下所示: 从上面的代码可以看出，我使用 validate={isSaveDraft && 有条件地验证我的字段.[validateRequiredText]}
..
检查 `ConnectedField` 的渲染方法
当我在简单的三个输入字段表单中使用 redux 表单时，我收到此错误消息. form.jsx从“反应"导入反应，{组件}；import { Field, reduxForm } from 'redux-form'从'react-redux'导入{连接}；类注册扩展组件{注册视图 = () =>{返回 (
..
React/Redux Redux-Form 预填充表单以供更新
我正在尝试使用 redux-form 库预填充表单.我现在遇到的问题是能够将 item.id 从 Items 或 Item 组件传递到 >List 当Edit Item 按钮被点击时.这样我就可以根据我的 listItems 数组检查它并获取它的数据来填充表单.但在此之前，我创建了一个函数 populateForm 来尝试使用 redux-form 的 dispatch/initialize 函数
..
您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入
从'react'导入React；从 'react-dom' 导入 ReactDOM；从'redux'导入{createStore}；从'history/createBrowserHistory'导入createHistory；从'react-redux'导入{提供者}；从'react-router-redux'导入ConnectedRouter；从“反应路由器"导入 { Route, Switch
..