Manejo de eventos
Parte del curso de React
Un componente que solo renderiza a partir de props y estado no es interactivo por sí solo: algo tiene que darse cuenta de cuándo el usuario pulsa un botón, escribe en un campo o aprieta una tecla, y convertir eso en una actualización del estado. En la lección anterior ya conectaste un onClick sin pararnos a explicarlo.
React te deja asociar manejadores de eventos directamente a los elementos JSX mediante props que llevan el nombre del evento del DOM al que responden, escritas en camelCase: onClick para los clics, onChange para los cambios en un input, y así con el resto. El valor de esa prop es una función, que puedes definir aparte o escribir en línea. ...
¿Quieres aprender React Manejo de eventos en un entorno real?
Haz clic abajo, recibe una máquina Linux con React listo, y practica Manejo de eventos con un tutor de IA que conoce tu código.
Empezar esta lecciónManejo de eventosLo que vas a aprender
- OnClick handler
- OnChange basics
- Passing functions vs calling them
- Event object
- Passing handlers as props
Lee esta lección en tu idioma
Todas las lecciones de este curso
17 lecciones- 1¿Qué es React?25 min
- 2JSX y Components30 min
- 3Props30 min
- 4State con useState35 min
- 5Manejo de eventos30 min
- 6Renderizado condicional y listas30 min
- 7Formularios y Controlled Inputs35 min
- 8Effects con useEffect40 min
- 9Obtención de datos40 min
- 10Composición de Components35 min
- 11Context y useContext35 min
- 12useReducer35 min
- 13Hooks personalizados35 min
- 14Rendimiento y Memoization35 min
- 15Enrutamiento con React Router40 min
- 16Pruebas de Components de React40 min
- 17Proyecto final: Aplicación de tareas60 min
