redux-form相关内容

同步错误未在带有点语法名称的 Field 实例上标记

我有一个 Field poll.id,它是包含多个部分的表单的一部分.每个部分都包含在一个带有@reduxForm 注释的组件中,每个组件可能有自己独特的验证方法. 我的问题是,在这种情况下,当 validatePoll 返回验证异常时,它不会显示在字段级别.我想知道这是否与字段的点语法有关. @reduxForm({表格:'posteditor',destroyOnUnmount:fal ..
发布时间:2021-07-05 20:36:05 其他开发

React Redux 通过函数从子组件到父组件传递参数

我问了一个问题 对此,我相信回答问题的丹尼斯给出了我认为正确的答案.我不知道如何正确地将变量传递回父函数... 这是我要修复的代码. 子组件的子组件 首先有一个子组件的子组件.如果单击它,这将设置列表的排序方向.它使用“onSortDirectionChange"函数,应该通过设置变量“sortDirection"来设置排序方向. const GlyphiconDirectio ..
发布时间:2021-07-05 20:36:02 前端开发

如果超过一个字段,Redux-Form 将不会提交

当我有多个字段时,为什么我的 redux-form 不提交? 如果我有多个字段,则表单上的 onSubmit 不会运行. 以下代码将不显示警报: //@flowimport * as React from 'react';从 'redux-form' 导入 {Field, reduxForm, Form};class CustomerPage2 扩展 React.Component ..
发布时间:2021-07-05 20:35:56 其他开发

在页面上管理多个 redux 表单

我有来自后端的用户数据作为对象数组, [{firstname: 'John', lastname: 'Doe'}, {firstname: 'Jane', lastname: 'Doe'}] 我正在使用 redux-form 组件来呈现这些数据. 试图通过将索引绑定到对象键来使其动态化,但随后不确定如何处理验证、数据填充等 工作代码示例见, https://codesandb ..
发布时间:2021-07-05 20:35:53 其他开发

使用嵌套对象动态映射 initialValues 属性

我正在尝试映射 redux-form 的 initialValues 属性,以便可以预填充表单(这是从外部 API 填充的用户配置文件编辑屏幕). 因为允许用户管理哪些字段的验证发生在 API 上,所以 React JS 前端在填充初始值时需要尽可能动态.我确实在 SO 上找到了另一个问题,该问题解决了动态预填充 initialValues(在 Redux 表单中动态加载初始值),但是该解决方案 ..
发布时间:2021-07-05 20:35:44 其他开发

以 redux 形式验证确认密码

如何以反应形式验证密码确认? const validate = values =>{常量错误 = {};如果(!值.用户名){errors.username = '必需';}如果(!值.密码){errors.password = '必需';}如果 (!values.confirmpassword ) {errors.confirmpassword = '必需' ;}返回错误;};导出默认验证; ..
发布时间:2021-07-05 20:35:41 其他开发

Redux 表单 - 无法在输入中输入任何内容

嗨,我最近升级到了 redux-form 版本 6.0.0.我正面临一个问题,比如我无法在文本字段中输入任何内容. P.S 我也在使用 Reactintl.我正在使用 compose 来聚合连接、reduxform 和 intl 装饰器 这是我的代码Pastebin 解决方案 如果我理解正确,那么从 v6 开始你应该提供额外的 onBlur 和 onChange 方法用于输入以 ..
发布时间:2021-07-05 20:35:32 其他开发

Redux 表单 - 您必须将 handleSubmit() 传递给 onSubmit 函数或将 onSubmit 作为道具传递

我想创建一个简单的表单,接收电子邮件地址,然后将其添加到我们的数据库中.我选择了 React Forms,因为它促进了整个开发过程并减少了时间. 但是,当我尝试发布表单时,我收到此错误:未捕获错误:您必须将 handleSubmit() 传递给 onSubmit 函数或将 onSubmit 作为道具传递 这是我的 AddUserForm.js: 从 'react' 导入 Reacti ..
发布时间:2021-07-05 20:35:26 前端开发

启用 redux-form 并将焦点设置为字段

默认情况下我禁用了表单字段,当用户单击按钮 Edit 时,它将启用该字段.我也想把重点放在这个领域,但我不知道怎么做.我已经为该字段创建了 ref 并在其上尝试了一些 focus() 函数,但它没有工作.您可以在 sandbox 上试用. 解决方案 您必须将 ref 分配给 input 元素而不是 Field 组件 添加回调函数,在父组件中设置子组件输入的引用 在按下编辑按钮时使用引用 ..
发布时间:2021-07-05 20:35:20 前端开发

提交表单后重定向到另一个页面

提交表单后如何重定向到另一个页面?添加我的代码需要什么代码?这是我的代码 simple.js 从'react'导入React;import { Field, reduxForm } from 'redux-form';const SimpleForm = props =>{const { handleSubmit, Pristine, reset, submit } = props;返回 ( ..
发布时间:2021-07-05 20:35:17 其他开发

如何以 redux 形式从字段中获取价值?

我的组件上有两个字段:${adjustment}.lastYear 和 ${adjustment}.currentYear 从'react'导入React;从'redux-form'导入{字段};import { IconDelete, Select } from 'user-comps';从 'prop-types' 导入 PropTypes;从“样式组件"导入样式;从'./CommentsA ..
发布时间:2021-07-05 20:35:14 其他开发

如何在带有 Field 和 FieldArray 的 React 组件中使用由 @types/redux-form 定义的类型?

我正在使用 React、Redux、Redux-Form 和 TypeScript 开发应用程序.我正在努力使用包 @types/redux-form (DefinitelyTyped) 定义的类型,尤其是 FieldArray.有一个属性“组件",我在其中传递了对组件的引用,但我不知道在描述它的道具时应该使用什么类型.我从 Redux-Form 存储库 下载了使用 FieldArray 的示例, ..
发布时间:2021-07-05 20:35:08 其他开发

Redux 表单验证在加载时触发 (UPDATE_SYNC_ERRORS)

所有必填字段的验证都由 UPDATE_SYNC_ERRORS 在加载表单组件时触发.我不认为这是一个错误,我认为这是一个代码问题(因为它曾经有效 - 尽管我最近更新了) 所以我的问题是 - 什么可能导致 UPDATE_SYNC_ERRORS 在此阶段触发?该字段也没有任何值 (undefined) 但会通过我的函数并触发“必需"错误,就像触摸字段一样. export const req ..
发布时间:2021-07-05 20:35:05 其他开发