Javascript 在后续提交时刷新页面

我一直在尝试提交一个文件（图片）和一个表单中的测验。它们都有单独的按钮，但必须先按下文件按钮，才能将图像路径添加到问题帖子数据状态

但是，由于某些原因，页面在第二次或第三次图像上载后刷新。这仅在上载文件时发生

//图像上传表单
提交

const handleImageUpload=（e）=>{
e、 预防默认值（）；
const formData=new formData（）；
formData.append（'photo'，file）；
post（uploadAPI，formData）.then（res=>setPost（{…post，image:res.data.file}））；
}

将

onClick

切换到handle函数，并调用

onSubmit

调用

e.preventDefault（）

修复了我在一个页面上有多个表单以及在连续提交不同表单后随机刷新的问题

{e.preventDefault（）}}encType=“多部分/表单数据”>
提交

您能详细说明一下进展情况吗，这样您就可以连续三次以相同的格式或格式上传了？无论如何，我认为你的按钮可能是罪魁祸首，你也试过那里的

e.preventDefault（）

。@shumar似乎已经解决了这个问题，谢谢。是否有理由需要两个单独的

e.preventDefault（）

？只要单击表单中的按钮，浏览器就会触发表单提交