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