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

Question

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

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

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

如果您先添加图片，然后仅填写表单自动提交的其中一个文本字段。

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

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

Answer 1

发现了问题，库 "react-filepond" 主要元素 "FilePond" 正在检查 "files" 属性 中的对象数组，因此要解决问题，您只需执行以下：

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

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