全国培训加盟网站建设,镇江海绵城市建设官方网站,seo定义,中文网址的作用开发场景#xff1a;
react Hooks andt
提交form表单内容给数据库(使用antd的form组件) 问题描述
提交是异步的#xff0c;请提交方式是POST 方式
提交表单内容给后端#xff0c;却产生了两次提交记录#xff08;当然#xff0c;数据新增了两条数据#xff09;。可以…开发场景
react Hooks andt
提交form表单内容给数据库(使用antd的form组件) 问题描述
提交是异步的请提交方式是POST 方式
提交表单内容给后端却产生了两次提交记录当然数据新增了两条数据。可以理解是重复提交2次核心代码如下 原因分析 一开始去找解决方案误以为是没做防抖和节流的缘故方向错了问题肯定不好解决后端也尝试了休眠3秒有效但是吧。 因为提交方式是POST ,想到了POST 会发送两次请求当发送带有自定义请求头的 POST 请求时浏览器会先发送一个 OPTIONS 请求进行预检如果服务器允许该请求则浏览器会再次发送实际的 POST 请求。这就是为什么有时候会看到 POST 请求被发送了两次的情况。但这也不是原因 最后肯定不理想还白白浪费了时间 解决方案 htmlTypesubmit导致的。删除 看一下修改之前的 修改之后的 会发现少了htmlType“submit” htmlType“submit” 默认情况下点击后会执行提交form表单的动作。 那Button 里面还有一个onClickform.submit也是表单提交。所以会提交两次 真的是大意了
