Me gustaría evitar que mi botón de envío actualice mi página cuando hago clic en enviar.
Esto es lo que he probado
const formSubmit = e => { e.preventDefault(); const newSubmission = { x: horizontal, y: vertical, steps: count, email: email.trim(), } // console.log(newSubmission) postNewSubmission(newSubmission); }y mi entrada:
<input id="submit" onSubmit={formSubmit} type="submit"></input>Para agregar contexto, hacer clic en enviar debería enviar algunos datos a una API y recibir alguna respuesta, por lo que estoy llamando a postNewSubmission.
Para reiterar, el problema es que cada vez que hago clic en enviar, se actualiza mi página, que no es lo que quiero. Me gustaría evitar este comportamiento predeterminado.
Envuelva su entrada en el formulario y póngalo en Enviar en el formulario
<form onSubmit={formSubmit}> <input id="submit" type="submit" value="submit"></input> </form>Simplemente ingrese el código a continuación y estará listo para comenzar.
<script> if ( window.history.replaceState ) { window.history.replaceState( null, null, window.location.href ); } </script>