Estoy aprendiendo React JS. Usé el formulario de BootStrap en una aplicación web React JS. El botón Enviar funciona bien en la computadora portátil pero no funciona en los dispositivos móviles.
En Mobile, cuando toco el botón, su borde se resalta pero no realiza ninguna acción. Pero he notado una cosa que la función HandleSubmit no se activa. Pero si cambio la etiqueta onClick a onClick = {alert("Working");} , funciona en dispositivos móviles.
El repositorio de código completo está aquí: https://github.com/AhmadRaza365/iNoteBook
Los formularios se pueden encontrar en estos componentes: components/Login.js, Signup.js, AddNote.js
En Login.js tiene un error tipográfico: onClicK (K mayúscula) vs onClick .
Pero su principal problema es que está mezclando dos formas de enviar un formulario
<form onSubmit={...}> combinado con un <button type='submit'> dentro del formulario. En este tipo de combinación, no necesita un onClick en el botón. Efectivamente, <button type='submit> , le dice al navegador que cuando alguien haga clic en el botón, continúe y ejecute la función que pasó a onSubmit especificada en <form> .
<form> sin onSubmit establecido en el elemento de formulario y un botón dentro del formulario sin type='submit pero solo un onClick que necesita restablecer manualmente el formulario y hacer toda la lógica posterior asociada con el formulario dado.
Debe elegir uno u otro para cada uno de sus 3 formularios; no use ambos en un formulario.
He encontrado el error. Básicamente, los formularios funcionan bien. El problema estaba en mi API localhost. Estaba accediendo a él sin reenvío de puerto y URL. Y como estoy usando la función de espera para obtener y publicar datos en la API. Pero la API no estaba conectada. Como resultado, no se reenvió a continuación.