Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

<form onSubmit={aoSalvar}> vs <form onSubmit={() => aoSalvar()}>

Criei a função como orientado no curso

const aoSalvar = (evento) => { evento.preventDefault(); console.log('Form foi submetido') } e depois usei

.
Até ai funcionou ok

Porém quando usei <form onSubmit={() => aoSalvar()}> aparece no console Uncaught e a tela recarrega.

Não consgui ententer o porquê desse comportamento. Alguém pode ajudar?
1 resposta
solução!

Salve, Everson!

Faltou passar o evento para o método aoSalvar, dessa forma:

<form onSubmit={evento => aoSalvar(evento)}>

Você também consegue o mesmo resultado com a sintaxe abaixo:

<form onSubmit={aoSalvar}>

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software