redux-form相关内容
在我的一生中,我无法让我的 Redux-Form 填充初始值.我觉得我已经看过那里的每个 SO 问题/答案,但到目前为止还没有任何帮助. 以下是我的代码的一些相关部分: class Profile 扩展 React.Component {使成为() {返回 (
..
我正在使用 ReactJS 和 ReduxJS 来构建我的应用程序. 我使用 Redux-Form 创建了我的表单,并且有许多文本输入,对于其中之一,我使用 onkeyDown 事件来增加和减少文本中的数字 所以当我点击向上箭头或输入第一个数字时,文本是自动的完成前一个日期输入(历史),当我打扰点击另一个向上箭头 [提示] 我试过 AutoComplete=off 但没有用
..
我想在用户提交表单时捕获表单值.React 教程显示了这一点: var CommentForm = React.createClass({handleAuthorChange:函数(e){this.setState({作者: e.target.value});},handleTextChange:函数(e){this.setState({text: e.target.value});},句柄提交
..
我第一次尝试使用 redux-form.我能够呈现表单,但我无法处理提交.虽然我最终想将数据发送到服务器,但此时,我只是尝试控制台记录表单字段值.我收到错误: 错误:您必须将 handleSubmit() 传递给 onSubmit 函数或将 onSubmit 作为道具传递 这是我的 Profile.jsx 文件 import React, {Component} from 'reac
..
我在单个组件中创建多个表单并使用 redux 存储初始化它们我在
元素中定义表单的 name 属性,而不是在 reduxForm() 帮助器中,这里记录了... 如何在页面上多次嵌入相同的 redux-form? 我正在从“列表"对象创建表单,并使用 mapStateToProps() 将其传递给我的组件.我正在尝试使用 initialValues={} 设置表单的初始值
..
首先,我对 TS、React & 很陌生.Redux,很抱歉,如果这是一个明显的问题. 我正在尝试修改 这个示例 以获取要加载的表单一些信息.它使用 redux-form. 我正在尝试弄清楚如何在组件的导出中同时调用 connect 和 redux-form.现在它看起来像这样: class UserForm extends React.Component{ .. }导出默认 Red
..
我正在使用“revalidate"来验证“redux-form"表单,但我面临的情况是,有一个基于 API 响应动态生成的表单,我映射它并在其中显示输入形式. 这是我通常如何使用“revalidate ..."验证“redux 表单"的示例 const validate = combineValidators({名称:composeValidators(isRequired({ messa
..
已更改,仍然没有答案我按照这个例子:https://jsfiddle.net/4np9u17g/11/我想让它像那里一样 - 输入值后焦点应该转到下一个输入.我使用了 refs 和 redux 表单的新语法,我做错了什么? 构造函数() {极好的();this.field1 = React.createRef();this.field2 = React.createRef();this.fie
..
我在 React Native 应用程序中使用 Redux Form (RF).一切正常,但我无法弄清楚如何从 Field 输入中获取 refs 以使用 Redux Form 转到下一个输入字段. 没有 RF 这个 解决方案会工作得很好. 这是我的代码: class RenderInput extends Component {const { 输入,nextField,参考,元:{触
..
我想以改变输入颜色的方式使用 Redux-form在页面顶部显示实际错误.如何访问字段本身之外的当前字段错误列表? 解决方案 您无法从提供给 Field 组件的渲染函数外部获取错误列表.这是因为错误没有存储在 redux 存储中. 编辑 26/12/2018 : 这个答案需要一些时间.ReduxForm 现在将错误存储在 Redux 存储中.看看 @nicoqh 的答案,它使用
..
我在使用 redux-form 设置初始表单字段值时遇到了一些问题. 我正在使用 redux-form v6.0.0-rc.3 并响应 v15.3.0. 所以这是我的问题,我有一个用户网格,当单击用户行时,我导航到编辑用户页面并在 url 中包含用户 ID.然后在编辑用户页面上,我获取 id 并调用 fetchUser(this.props.params.id),它是一个返回 this
..
我相信任何应用都应该有一个真实的来源. 我的应用将具有 90 多种交易表格和 150 份报告 复杂的数据结构(父级、子级、计算) 所以在 React 中我发现了三个令人困惑的地方来存储状态: 组件状态 - 在我们不想共享数据时使用 Redux 自定义存储(由开发人员管理) - 需要时使用共享数据 Redux-form 存储(由 redux-form 管理) -用于验证
..
我一直在尝试找出管理我的 React 表单的最佳方式.我尝试使用 onChange 来触发操作并使用我的表单数据更新我的 redux 存储.我也尝试过创建本地状态,当我的表单被提交时,我会触发和操作并更新 redux 存储. 我应该如何管理我的受控输入状态? 解决方案 您可以使用组件自己的状态.然后将该状态作为动作的参数.这几乎就是“反应方式".如React 文档中所述.
..
我正在使用 react-select.当我从 select 中选择一个确定的值时,我遇到了下一个问题 类型错误:无法读取未定义的属性“值" 此外,从reducer todoList 获取的值没有显示,我看不到它们. 这是我的代码: import 从“react-select"中选择;导入“./styles.css";从“../../actions/ServiceActions"
..
我正在使用 redux-form 但是当我开始输入时,焦点第一次在反应中消失了. 在我下面的组件中,输入字段在输入字符后失去焦点.在使用 Chrome 的 Inspector 时,看起来整个表单都在重新呈现,而不仅仅是输入字段的 value 属性. 请看下面的代码: {返回 (
..
我使用的是 redux-form 6.0.0-rc.5,我试图显示用户输入的表单值. 但是,我希望从另一个组件显示这些值,而不是 redux 表单本身. 所以,我简化的应用架构应该是这样的: ->(主要组件 - 容器?-)->(连接到表单值并将它们传递下去)->(显示形式值)->(输入表单值) 该组件是一个安装到“form"的 redux-form
..
在 Redux-form v5 中,我能够从装饰表单的任何位置访问“内联"错误(异步验证),如下所示: const 字段 = ['电子邮件']//在装饰窗体中const { email } = this.props.fieldsconsole.log(email.error)//'email' 字段的验证错误 如何使用 Redux-form 6.0.0+ 实现相同的功能? 解决方案 如
..
我正在学习如何动态构建 redux-form.想法是,称为 componentDidMount 的组件从服务器获取项目列表并将它们插入商店 store.my_items: {'item1', 'itemB', 'itemZZZ' 等...} 既然这些商品都在商店中,我想为 store.my_items 中的每个商品构建一个带有字段的 redux-form. 例如,其中几个是动态创建的:
..
我正在尝试创建一个可以动态创建自己的输入的 redux 表单(使用 redux-form).我无法弄清楚如何让 redux-form 了解已创建的新字段.是否可以在表单组件本身中动态更改 redux-form 传入的 fields 属性?我在想这个错误吗?这是我正在使用的. class AddCustomer 扩展组件 {使成为() {类形式扩展组件{构造函数(道具,上下文){超级(道具,上下文
..
redux-form 字段值是否可以保存对象而不仅仅是字符串? 考虑以下示例 class SelectQuestions 扩展组件{使成为(){const {fields:{question1,question2},handleSubmit}=this.props;返回
..