Lecciones del curso
Crea aplicaciones con React y Redux
Eventos sintéticos
En este caso event ese un evento sintético de React, en React todos los manejadores de eventos son instancias de SyntheticEvents. Los eventos sintéticos son una envoltura de los eventos nativos del navegador, por lo que estos eventos cuentan con la misma interfaz de los eventos nativos, como por ejemplo preventDefault() y stopPropagation(), con la ventaja de que todos estos eventos funcionan idénticamente en la mayoría de los navegadores.
Todos los componentes de React deben actuar como funciones puras con respecto a sus props.
Recomendaciones para el usuo de eventos
El nombre del evento tiene que ser camelCase y no minúscula sostenida. Al evento se le pasa la función y no una cadena de texto. En react si quieres prevenir un comportamiento por defecto o la propagación de un evento debes hacerlo explícitamente llamando los métodos preventDefault() y stopPropagation() respectivamente.
Eventos disponibles
React incluye eventos de teclado como onKeyUp, onKeyPress, onKeyDown; de mouse como onClick, onMouseMove, onDragOut, onDrop, etc.; de formularios, como onChange, onInput, onInvalid, onSubmit; y muchos más eventos que puedes ver en React Docs.
Happy Coding! ❤
