redux-form相关内容
当我使用 redux-form v7 时,我发现没有办法设置字段值.现在在我的 form 中,我有两个 select 组件.当第一个 select 组件值改变时,第二个的值将被清除. 课堂渲染:
站点:
..
我有一个 Field poll.id,它是包含多个部分的表单的一部分.每个部分都包含在一个带有@reduxForm 注释的组件中,每个组件可能有自己独特的验证方法. 我的问题是,在这种情况下,当 validatePoll 返回验证异常时,它不会显示在字段级别.我想知道这是否与字段的点语法有关. @reduxForm({表格:'posteditor',destroyOnUnmount:fal
..
我问了一个问题 对此,我相信回答问题的丹尼斯给出了我认为正确的答案.我不知道如何正确地将变量传递回父函数... 这是我要修复的代码. 子组件的子组件 首先有一个子组件的子组件.如果单击它,这将设置列表的排序方向.它使用“onSortDirectionChange"函数,应该通过设置变量“sortDirection"来设置排序方向. const GlyphiconDirectio
..
React-Redux 的新手. 我有一个使用“handleSubmit"的子组件,这部分代码有效. props.onSubmit({...值,sortBy: '客户编号'}))}>客户端编号 这是上面代码的子组件,包含所有相关部分. export const TableHeaders = (props) =>{const { handleS
..
当我有多个字段时,为什么我的 redux-form 不提交? 如果我有多个字段,则表单上的 onSubmit 不会运行. 以下代码将不显示警报: //@flowimport * as React from 'react';从 'redux-form' 导入 {Field, reduxForm, Form};class CustomerPage2 扩展 React.Component
..
我有来自后端的用户数据作为对象数组, [{firstname: 'John', lastname: 'Doe'}, {firstname: 'Jane', lastname: 'Doe'}] 我正在使用 redux-form 组件来呈现这些数据. 试图通过将索引绑定到对象键来使其动态化,但随后不确定如何处理验证、数据填充等 工作代码示例见, https://codesandb
..
以下是我希望与 Redux Form 兼容的自定义下拉菜单,以及执行自定义 onChange 函数(例如:dispatch an action) 在第一步中,我按如下方式创建了包装器: export const rfSelect = ({ input, options, meta, ...rest }) =>(input.on
..
我正在尝试映射 redux-form 的 initialValues 属性,以便可以预填充表单(这是从外部 API 填充的用户配置文件编辑屏幕). 因为允许用户管理哪些字段的验证发生在 API 上,所以 React JS 前端在填充初始值时需要尽可能动态.我确实在 SO 上找到了另一个问题,该问题解决了动态预填充 initialValues(在 Redux 表单中动态加载初始值),但是该解决方案
..
如何以反应形式验证密码确认? const validate = values =>{常量错误 = {};如果(!值.用户名){errors.username = '必需';}如果(!值.密码){errors.password = '必需';}如果 (!values.confirmpassword ) {errors.confirmpassword = '必需' ;}返回错误;};导出默认验证;
..
当表单处于原始状态时,我无法在提交时验证我的代码.有没有办法让表单验证? 解决方案 试试下面的代码: componentDidMount() {this.props.touch('username', 'email', 'age')//传递输入字段的名称}
..
嗨,我最近升级到了 redux-form 版本 6.0.0.我正面临一个问题,比如我无法在文本字段中输入任何内容. P.S 我也在使用 Reactintl.我正在使用 compose 来聚合连接、reduxform 和 intl 装饰器 这是我的代码Pastebin 解决方案 如果我理解正确,那么从 v6 开始你应该提供额外的 onBlur 和 onChange 方法用于输入以
..
我想知道如何在 FieldArray 内的 Field 组件上触发异步验证.我有类似的东西: class MyForm 扩展组件 {构造函数(道具){超级(道具)}使成为() {const { handleSubmit } = this.props返回 (
..
我想创建一个简单的表单,接收电子邮件地址,然后将其添加到我们的数据库中.我选择了 React Forms,因为它促进了整个开发过程并减少了时间. 但是,当我尝试发布表单时,我收到此错误:未捕获错误:您必须将 handleSubmit() 传递给 onSubmit 函数或将 onSubmit 作为道具传递 这是我的 AddUserForm.js: 从 'react' 导入 Reacti
..
我有一个容器组件和一个表单组件: 表单组件: import * as React from 'react';import { reduxForm, Field, InjectedFormProps } from 'redux-form';导出类型 LoginState = {电子邮件:字符串;密码:字符串;};接口 LoginProps 扩展了 InjectedFormProps {isL
..
默认情况下我禁用了表单字段,当用户单击按钮 Edit 时,它将启用该字段.我也想把重点放在这个领域,但我不知道怎么做.我已经为该字段创建了 ref 并在其上尝试了一些 focus() 函数,但它没有工作.您可以在 sandbox 上试用. 解决方案 您必须将 ref 分配给 input 元素而不是 Field 组件 添加回调函数,在父组件中设置子组件输入的引用 在按下编辑按钮时使用引用
..
提交表单后如何重定向到另一个页面?添加我的代码需要什么代码?这是我的代码 simple.js 从'react'导入React;import { Field, reduxForm } from 'redux-form';const SimpleForm = props =>{const { handleSubmit, Pristine, reset, submit } = props;返回 (
..
我的组件上有两个字段:${adjustment}.lastYear 和 ${adjustment}.currentYear 从'react'导入React;从'redux-form'导入{字段};import { IconDelete, Select } from 'user-comps';从 'prop-types' 导入 PropTypes;从“样式组件"导入样式;从'./CommentsA
..
在我的表单中,我在其中一个表单域上有一个 onChange 事件: 姓氏
this.handleChange()}/> 当 handleChange 被触发时,我想获取表单值: handleChange(){//做计算console.log('handlec
..
我正在使用 React、Redux、Redux-Form 和 TypeScript 开发应用程序.我正在努力使用包 @types/redux-form (DefinitelyTyped) 定义的类型,尤其是 FieldArray.有一个属性“组件",我在其中传递了对组件的引用,但我不知道在描述它的道具时应该使用什么类型.我从 Redux-Form 存储库 下载了使用 FieldArray 的示例,
..
所有必填字段的验证都由 UPDATE_SYNC_ERRORS 在加载表单组件时触发.我不认为这是一个错误,我认为这是一个代码问题(因为它曾经有效 - 尽管我最近更新了) 所以我的问题是 - 什么可能导致 UPDATE_SYNC_ERRORS 在此阶段触发?该字段也没有任何值 (undefined) 但会通过我的函数并触发“必需"错误,就像触摸字段一样. export const req
..