Objeto Event en React
Dentro de la función vinculada al controlador
de eventos, está disponible el objeto
Event:
function App() {
function func(event) {
console.log(event); // objeto con el evento
}
return <div>
<button onClick={func}>act</button>
</div>;
}
En la variable event no se almacena el objeto
nativo Event del navegador, sino un envoltorio
especial multiplataforma proporcionado por
React. Este envoltorio se llama SyntheticEvent.
Este envoltorio ayuda a que los eventos funcionen de manera uniforme
en todos los navegadores. Tiene la misma interfaz,
que el evento nativo, incluyendo los métodos
stopPropagation y preventDefault.
Se da un botón. Al hacer clic en él, obtenga el objeto
Event y muéstrelo en la consola.
Se da un botón. Al hacer clic en él, muestre
en la consola event.target
del clic.
