javascript - React 表单上传自动提交，取决于订单

Question

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

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

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

如果您先添加图像，然后只填写表单自动提交的文本字段之一。

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

我唯一能确定的是 onChange 函数，如果我从其中一个输入中删除它，我可以在添加图像后填写输入。

标签： javascriptreactjsfilepond

Answer 1

发现问题，库“react-filepond”主元素“FilePond”在“files”属性中指定了一个对象数组，因此要解决问题，您只需执行以下操作：

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

这将修复错误并允许用户按照他/她希望的任何顺序填写表格。