首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Redux-form的提交方法中没有传入数据

Redux-form是一个用于管理表单状态的库,它基于Redux的思想,提供了一种简化和统一表单处理的方式。在Redux-form中,表单的提交方法是通过Redux的action来触发的。

当Redux-form的提交方法中没有传入数据时,可能会导致表单提交失败或者提交的数据为空。为了解决这个问题,我们可以采取以下步骤:

  1. 确保表单组件与Redux-form的连接正确:首先,确保表单组件通过Redux-form的reduxForm高阶函数进行连接,并正确地指定了表单的名称和提交方法。例如:
代码语言:txt
复制
import { reduxForm } from 'redux-form';

class MyForm extends React.Component {
  // ...
}

export default reduxForm({
  form: 'myForm', // 表单的名称
  onSubmit: submitForm // 提交方法
})(MyForm);
  1. 检查表单组件中的提交方法:在表单组件中,确保提交方法submitForm被正确地定义和调用。提交方法应该接收表单数据作为参数,并将其作为Redux的action进行派发。例如:
代码语言:txt
复制
import { submit } from 'redux-form';

const submitForm = (formData) => {
  // 处理表单数据
  // ...

  // 提交表单数据
  dispatch(submit('myForm')); // 使用Redux-form的submit函数提交表单数据
};
  1. 检查表单组件中的表单数据传递:在表单组件中,确保表单数据被正确地传递给提交方法。通常,表单数据可以通过Redux-form的handleSubmit函数进行传递。例如:
代码语言:txt
复制
import { Field, reduxForm } from 'redux-form';

class MyForm extends React.Component {
  // ...

  render() {
    const { handleSubmit } = this.props;

    return (
      <form onSubmit={handleSubmit(submitForm)}> {/* 使用handleSubmit传递表单数据 */}
        {/* 表单字段 */}
        <Field name="fieldName" component="input" type="text" />
        
        {/* 提交按钮 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

export default reduxForm({
  form: 'myForm',
  onSubmit: submitForm
})(MyForm);

总结: 当Redux-form的提交方法中没有传入数据时,可能会导致表单提交失败或者提交的数据为空。为了解决这个问题,我们需要确保表单组件与Redux-form的连接正确,检查表单组件中的提交方法和表单数据传递。如果以上步骤都正确无误,但问题仍然存在,可能需要进一步检查Redux-form的配置和使用方式,以及相关的Redux状态管理。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

redux-form学习笔记二--实现表单同步验证

,则提示警告(warn)内容,此时虽然发出警告但仍能提交成功(请区分和2和3区别) 5在尚未输入内容时(pristine=true)或在提交过程(submitting=true),禁止使用提交按钮...在点击清空按钮时,调用reset()方法清空所有输入框内容 首先附上form.js代码:(这份展示一共两份代码:index.js和form.js,index.js内容请看上一篇博客) import...} label="Username"/> 在上面的Fieldname和component是必填,而type属性和label属性是选填,但选填属性(如type和label)可通过props属性传入...component,比如以上renderField 2Field组件name属性和component属性 name属性是Filed组件名称,也即Field下输入框名称,它将成为存储form表单数据.../api/Props.md/ handleSubmit是处理提交一个函数,接收三个参数:values(即上文提到保存表单数据对象),dispatch和props(传递给自定义表单组件属性) pristine

1.8K50

Java静态方法和实例方法 java数组作为形参传入

Java静态方法和实例方法 java数组作为形参传入 Java虚拟机 启动一个Java程序时候,会诞生一个虚拟机实例,当程序关闭退出时,该实例会消失。...类加载器 用于加载class文件类 运行数据区 分为本地方法区,堆,栈,寄存器,本地方法方法区 被称为静态区,和堆一样,会被所有线程共享。...虚拟机每个对象都有一个对象锁,用于协调多个线程访问同一个对象时同步 关于数组 在Java中和js一个样子 数组即对象,对象即数组 数组是储存在堆 所以,在调用方法时候传入数组即传入了对象,这个时候...当方法调用完成以后,会弹出帧,销毁内容 关于方法调用传入数组和变量区别,数组,是一个对象,指向堆一块储存地址,变量,属于当前方法方法栈,调用时候会直接压栈,调用完成以后会执行出栈操作。...所以传入变量不会保存,传入数组会保存更改 Java栈上数据所有数据是此线程私有的。不能被其他线程共享 堆 会被共享,方法区会被共享 静态方法和实例方法 静态方法会在程序运行时候直接装载进入方法区。

1.4K10
  • SAP HANA SLT在表隐藏字段并传入HANA方法

    SLT是需要从SAP ERP或非SAP系统进行与HANA实时(非实时)数据复制所有HANA客户理想解决方案。...我们这里来借助HR模块表来做演示 HR模块表PA2001表需要把数据复制到HANA。 需要在表PA2001隐藏2列(例如UMSCH&UMSKD)并复制到HANA。...第一步: 运行SLT配置TCODE:/LTRS,如下图所示 ? 第二步: 选择一个在系统存在schema,如下图所示 ?...第九步: 选择Field related rule 输入要隐藏字段名称 在Line of code字段填上实际值 这里有个限制:100个字符和ABAP代码/语言 将“E_”放在字段前面(例如EMSCH...第十四步: 在复制窗口中找到我们表PA2001,检查是否是schedule,如图所示 ? 第十五步: 从HANA Modeller透视图打开表,并检查表那些字段是否被屏蔽。 ?

    3K20

    Egg 获取 POST 提交数据

    用过Koa码农都知道,在Koa获取POST提交数据需要配置第三方中间件,而Egg继承于Koa,在这一方面做了优化,获取POST提交数据不需要再配置其它中间件了,并添加了安全机制 CSRF 防范...,在Egg获取用户提交POST数据主要有以下两种方法。...第一种:在用户访问需要POST提交数据页面时,返回CSRF密钥,当用户提交数据时,将CSRF密钥一起返回,以下是具体实现。 1. 在router.js配置路由。...在view定义模板文件home.html,并在表单地址绑定服务端返回csrf,当用户提交时与其它数据一起回传。 <!...在view定义模板文件home.html,用隐藏表单域绑定服务端返回csrf,当用户提交时与其它数据一起回传。 <!

    1.6K30

    React传入组件props改变时更新组件几种实现方法

    我们使用react时候常常需要在一个组件传入props更新时重新渲染该组件,常用方法是在componentWillReceiveProps中将新props更新到组件state(这种state...现在点击‘编辑’和‘新建’按钮,输入框文字并不会切换,因为点击‘编辑’和‘更新’时,虽然UserInputprops改变了但是并没有触发state更新。...受控数据指的是组件通过props传入数据,受到父组件影响;不受控数据指的是完全由组件自己管理状态,即内部状态(internal state)。...完全不受控组件(fully uncontrolled component) 组件数据完全由自己管理,因此componentWillReceiveProps代码都可以移除,但保留传入props来设置...在父组件调用子组件方法设置state 如果某些情况下没有合适属性作为key,那么可以传入一个随机数或者自增数字作为key,或者我们可以在组件定义一个设置state方法并通过ref暴露给父组件使用

    5K30

    CSRF漏洞以form形式用POST方法提交json数据POC

    0x02 POC form提交post数据很简单,如下: This i a CSRF test!...0x03 题外话 本来一开始利用form怎么都构造不成,后来放弃,然后使用phpcurl功能来写: 抓包处理时候发现依旧不行,并没有执行CSRF。(并不存在referer和token前提) 具体原因现在依旧不清楚,于是求租,然后有大师傅解释: 你如果用PHP写CSRFPOC是会失败。...而后端服务器无法获取当前用户cookie, 所以发出POST请求没有cookie,CSRF就成功不了 但是发现有过phpCSRF案例:PHPCMS后台CSRF加管理两种方法POC 所以有些懵逼。...我上面的Php代码,POST请求是由php发出,php代码运行后,返回一个数据页面给浏览器,然后浏览器在呈现给用户,此时由于是后端语言php发出请求,后端服务器没法获得当前用户cookie,所以没办法

    1.5K30

    附加没有日志文件数据方法

    今天客户那边执行SQL报错,经查看是客户服务器数据库磁盘已被全部用完,日志文件达到500GB程度,后来由于我错误操作导致日志文件(.ldf)被删除,后来附加.mdf文件老是说没有日志文件附加不成功...阅读目录 操作步骤 回到顶部 操作步骤     1.新建同名数据库文件     2.暂停SQLSetver服务     3.将原先mdf文件,覆盖新建数据库,删除新数据ldf文件     4....,运行第4步,没有错误则跳过 8 dbcc checkdb('数据库名称',REPAIR_REBUILD) 9 --5.恢复成多用户模式 10 alter database 数据库名称 set multi_user...    6.至此会重新生成改库日志文件,整个过程完成   或者也可以采用手动附加(本方法参考@码道程工) ?...回到顶部    上一篇:删除数据库日志文件方法

    1.2K100

    找到java代码没有被使用公用方法

    最近,我打算对我们项目的代码进行清理,准备把一些没有被使用到公用方法清理掉,但是我在网络找了一遍,像PMD,Findbugs等静态工具,都只能找到没有被使用私有方法。...boolean isCallAuth(String str)  {   return isInculeList(str, callAuths);  }  /**   * 判断一个字符串是否在一个数据列表...new ArrayList();   list.add(str);   return isIncludeStrs(fullPath, list);  }  /**   * 文件是否包含了知道字符串...    classObject = classList.get(i);     //得到一个类没有使用属性列表     unUsedAttrList = getUnUsedCode(path,...unUsedAttrList.isEmpty()))     {      //增加数据      result.addAll(unUsedAttrList);     }     //得到一个类没有使用属性列表

    1.6K10

    如果使用FileChannel.transferTo等方法获取数据看似比传入长度短时

    首先看下这个方法定义: public abstract long transferTo(long position, long count,...WritableByteChannel target) throws IOException 该方法可以将一个输入性FileChannel数据传输到一个WritableByteChannel去...,如果你打开WritableByteChannel文件发现可见数据比你传入长度小时可以考虑下文件是不是有BOM标识符,BOM是用于标识该文件是大小端标识符,因为BOM是存在文件头一种不可见字符,所以你拷贝数据很有可能包含了这几个标识符...(比如你从0开始传递数据,文件又有BOM标识符),但不一定是每个文件都有。...PS: 需要注意是首先你要看下是不是读取文件根本就没有那么多可视字符,比如只有1个字符,你愣是要读取10个字符,那么肯定不会如愿以偿

    59410

    【SAP HANA系列】SAP HANA SLT在表隐藏字段并传入HANA方法

    SLT是需要从SAP ERP或非SAP系统进行与HANA实时(非实时)数据复制所有HANA客户理想解决方案。...我们这里来借助HR模块表来做演示 HR模块表PA2001表需要把数据复制到HANA。  需要在表PA2001隐藏2列(例如UMSCH&UMSKD)并复制到HANA。...第一步: 运行SLT配置TCODE:/LTRS,如下图所示 第二步: 选择一个在系统存在schema,如下图所示 第三步: 点开Rule assignment,右键添加表,如下图所示...选择Field related rule 输入要隐藏字段名称 在Line of code字段填上实际值 这里有个限制:100个字符和ABAP代码/语言 将“E_”放在字段前面(例如EMSCH或E_EMSCH...PA2001,检查是否是schedule,如图所示 第十五步: 从HANA Modeller透视图打开表,并检查表那些字段是否被屏蔽。

    2.3K40

    Java 对象传入方法内赋值后,为何执行完方法后对象值未改变呢?

    问题背景: 昨天测试同事写接口时候,发现了这样一个问题 上图中 第一步:lhygTaskMode = null ,紧接着传入 checkParam 方法内部,进行赋值。...在值传递,实参值被传给形参,方法体内对形参任何赋值操作都不会影响到实参。 测试用例: 接下来我们简单写个测试用例来看看具体输出。...肯定不是引用传递,如果是引用传递的话,在a=new Test()时候,实际参数引用也应该改为指向@15db974,但是实际上并没有。...所以,值传递和引用传递区别并不是传递内容。而是实参到底有没有被复制一份给形参。...在判断实参内容有没有受影响时候,要看传是什么,如果你传递是个地址,那么就看这个地址变化会不会有影响,而不是看地址指向对象变化。就像钥匙和房子关系。

    1.3K30

    防止数据重复提交6种方法(超简单)!

    有位朋友,某天突然问磊哥:在 Java ,防止重复提交最简单方案是什么? 这句话包含了两个关键信息,第一:防止重复提交;第二:最简单。 于是磊哥问他,是单机环境还是分布式环境?...然而,将数据存储在内存,最简单方法就是使用 HashMap 存储,或者是使用 Guava Cache 也是同样效果,但很显然 HashMap 可以更快实现功能,所以我们先来实现一个 HashMap...5.最终版——封装 以上都是方法级别的实现方案,然而在实际业务,我们可能有很多方法都需要防重,那么接下来我们就来封装一个公共方法,以供所有类使用: import org.apache.commons.collections4...; } } 小贴士:一般情况下代码写到这里就结束了,但想要更简洁也是可以实现,你可以通过自定义注解,将业务代码写到注解,需要调用方法只需要写一行注解就可以防止数据重复提交了,老铁们可以自行尝试一下...总结 本文讲了防止数据重复提交 6 种方法,首先是前端拦截,通过隐藏和设置按钮不可用来屏蔽正常操作下重复提交

    3.7K20

    Redux框架reducer对状态处理

    方案2 采用官方实例Object.assign方法,但需要将visibilityFilter未更新对象用原state对象进行手动赋值: function todoApp(state = initialState...Helper工具update()方法进行数据更新: import update from 'react/lib/update' function todoApp(state = initialState...在方案2,我们需要将原对象中所有没有变更对象手动赋值给副本对象,并确保副本对象结构完整性与原对象相同。相比方案1,方案2优势在于更少代码量。...然而,在对b1对象b3.b5进行修改时,则x和y值同时发生了改变,即在x和y内部,其在内存是同一个引用地址。也就是说,这种assign来复制对象方式并没有做到真正不变!...至于创建副本目的是为了追溯历史操作与更改,则类似redux-form这样短时间高频率更改state方式,产生大量细碎历史,或许并没有必要?

    2.1K50

    PhpStorm表单提交时获取不到post数据解决方法

    解决PhpStorm表单提交时获取不到post数据问题,将apache服务器目录映射到本地目录,更改PhpStorm配置,实现其直接调用本地服务器打开浏览器调试程序,解决Apache/2.4.23 (Win64...2.观察你运行php浏览器地址,会发现在PhpStorm打开浏览器使用服务端口号是63342(URL是localhost:63342/这样形式) 问题原因在于:PhpStorm默认使用是自带内部服务器...有两种方法: Ⅰ.将项目创建在Apache服务器工作目录下,每次运行时在浏览器地址栏直接输入localhost地址 Ⅱ.如果仍希望通过从PhpStorm打开浏览器调试程序,可以通过更改配置实现:...此时从PhpStorm中点击浏览器,访问URL已经没有了63342端口这个字段,而是使用了本地Apache服务器,相应表单数据也可以正常接收了。...数据解决方法》 https://www.w3h5.com/post/14.html

    2K00

    React 组件优化

    值; init 惰性初始化函数,该函数参数是我们传入第二个 initialArg 参数,这么做可以将用于计算 state 逻辑提取到 reducer 外部。...state 如果是一个引用类型,比如数组或者对象,当往数组 push 新项时,我们必须要克隆一份才行,如果不克隆,react 会认为 state 并没有更新。...函数接收原始 state 数据,它会把这个数据深度克隆,然后把克隆后 state 传递给回调函数,我们在回调函数里就可以进行 push 操作了!...而 immer 轻量、简洁、易上手、并且使用起来也非常舒服,不会产生容易把 immutable 数据类型与原生 JS 数据类型搞混情况。 3....(action 是 Formik 一些方法) onSubmit={(values, action) => console.log(values, action)}

    7.2K20

    AndroidListViewitem点击没有反应解决方法

    如果stu_item.xml里面包括button或者checkbox等控件,默认情况下listitem会失去焦点,导致无法响应item事件,最常用解决办法是在stu_item.xml布局文件设置...该属性是当一个为view获取焦点时,定义viewGroup和其子控件两者之间关系。...属性值有三种: beforeDescendants:viewgroup会优先其子类控件而获取到焦点 afterDescendants:viewgroup只有当其子类控件不需要获取焦点时才获取焦点...总结 以上所述是小编给大家介绍AndroidListViewitem点击没有反应,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家。...在此也非常感谢大家对ZaLou.Cn网站支持!

    1.4K10
    领券