Estoy haciendo un formulario con React y necesito que NO se recargué la página al enviarlo. Este es mi código:
const [stateMessage, setMessage] = useState(false)
async function handleSubmit (event) {
event.preventDefault()
const form = new FormData(this)
const response = await fetch('https://formspree.io/f/mwkyrwoe', {
method: 'POST',
body: form,
headers: {
Accept: 'application/json'
}
})
if (response.ok) {
setMessage(true)
}
}
return (
<React.Fragment>
<form
action='https://formspree.io/f/mwkyrwoe'
method='POST'
className='formulario'
onSubmit={() => handleSubmit}
></form>
</React.Fragment>
)
Al hacer click en el botón enviar me redirigé a la página de Fromspree, pero no quiero que pase eso.
¿Alguna idea de cómo puedo hacer esto?
Desde ya muchas gracias :)
<form onSubmit={this.handleSubmit}>
?this