温馨提示:本文翻译自stackoverflow.com,查看原文请点击:javascript - React form upload auto submitting, depending on the order
filepond javascript reactjs

javascript - React 形式上传自动提交,取决于订单

发布于 2020-10-17 10:33:50

任何人都可以通过我的上载表单代码来帮助我,由于某种原因,我在其他输入上的onChange函数会阻止您在填写其他字段之前先添加图像,如果这样做会自动提交表单。这不是工作版本,而是完整代码:https : //codesandbox.io/s/reverent-hugle-rsqqx

我指的不是它显示的splitURL消息,如果您填写每个文本字段然后添加图像,那就很好了。

它不提交,允许用户单击提交按钮。

如果先添加图像,然后仅填写其中一个文本字段,则表单将自动提交。

我不希望这样,我正在设计一个页面,我希望可以在填写其余表格之前选择添加要上传的图像。

我唯一可以确定的就是onChange函数,如果我从输入之一中删除它,则可以在添加图像后填写输入。

查看更多

提问者
old_blueyes
被浏览
4
Paolo Carrara 2020-06-01 13:13

发现问题后,库“ react-filepond”主元素“ FilePond”正在“ files”属性中指定对象数组,因此要解决此问题,只需执行以下操作:

// Add the spread operator in the items array too.
setPosterCollection([...posterCollection, ...items]);

这将纠正错误,并允许用户按他/她希望的顺序填写表格。