我正在学习 React JS。我在 React JS Web 应用程序中使用了 BootStrap 的表单。提交按钮在笔记本电脑上工作正常，但在移动设备上不工作。
在移动设备上，当我触摸按钮时，它的边框会突出显示，但没有执行任何操作。但我注意到一件事 HandleSubmit 函数没有触发。但是，如果我将 onClick 标记更改为onClick = {alert("Working");}它可以在移动设备上运行。
完整的代码库在这里：https ://github.com/AhmadRaza365/iNoteBook
可以在以下组件中找到表单：components/Login.js、Signup.js、AddNote.js
在 Login.js 中，您有一个错字：onClicK(capital K) vs onClick.
但是您的主要问题是您混淆了两种提交表单的方式
<form onSubmit={...}>结合<button type='submit'>表格里面的一个。在这种类型的组合中，您不需要onClick按钮。有效地<button type='submit>告诉浏览器，当有人点击按钮时，继续执行你onSubmit在<form>.
<form> 没有 onSubmit设置表单元素和表单内的按钮，但 type='submit只有一个onClick需要手动重置表单并执行与给定表单关联的所有后续逻辑的按钮。
您应该为您的 3 个表格中的每一个选择一个或另一个 - 不要在一个表格上同时使用这两个表格。
我发现了错误。基本上，表格运行良好。问题出在我的 localhost API 上。我在没有端口和 URL 转发的情况下访问它。当我使用 await 函数来获取数据并将其发布到 API 时。但 API 未连接。结果，它没有被转发。