Forms 我的onSubmit表单不工作，它可能是一个阻止它的组件，如何获取更多诊断信息？

我有一个表单，里面有很多组件（我不能共享代码）。当我点击提交按钮时，

onSubmit

功能不会被触发

以下是提交的

onSubmit

const onSubmit = (e) => {
    e.preventDefault()
    console.log('a')
}

形式有点像

<form onSubmit={onSubmit}>
{many components}
<button type="submit">Submit</button>
</form>

{许多组件}
提交

单击按钮在控制台中不显示任何内容，看起来也不做任何事情

我怀疑某个组件正在停止表单提交-例如，在

TextField

上使用required将停止

onSubmit

，直到您填写它-但我找不到它

---

有没有一种方法可以通过我可以从表单中调用的某个函数找到哪个组件不满意，而不是检查每个组件并找到有故障的组件？

尝试将事件处理程序添加到按钮本身。这应该允许您在“单击”按钮时提交表单。如果您在键盘上按enter键，表单应该提交，因为您现在有了代码

<form onSubmit={onSubmit}>
{many components}
<button type="submit" onClick={onSubmit}>Submit</button>
</form>

{许多组件}
提交