Objeto Event no React
Dentro da função vinculada ao manipulador de
eventos, o objeto
Event está disponível:
function App() {
function func(event) {
console.log(event); // objeto com o evento
}
return <div>
<button onClick={func}>act</button>
</div>;
}
A variável event recebe não o objeto nativo
Event do navegador, mas um wrapper especial
multinavegador sobre ele por parte do
React. Este wrapper é chamado de SyntheticEvent.
Este wrapper ajuda os eventos a funcionarem de forma idêntica
em todos os navegadores. Ele possui a mesma interface
que o evento nativo, incluindo os métodos
stopPropagation e preventDefault.
Dado um botão. Ao clicar nele, obtenha o objeto
Event e exiba-o no console.
Dado um botão. Ao clicar nele, exiba
no console o event.target
do clique.
