A vueltas con el onClick de React #reactjs #reactjstutorial

Este vídeo tiene como objetivo ayudar a todos aquellos que estéis empezando a trabajar con React a entender cómo funciona la propiedad onClick de los botones y otros elementos.

? Los amigos de Garaje de ideas patrocinan Latte and Code y buscan talento: http://bit.ly/garaje-tech-talento
??? Apóyame en Patreon: https://www.patreon.com/latteandcode
☕️ Invítame a un cafelito: https://www.buymeacoffee.com/latteandcode

Está claro que asignar una función que se ejecute cada vez que hagamos click sobre un botón es una tarea muy sencilla. ¿Pero qué sucede si necesitamos pasar información a la función sobre el evento pulsado? Ahí es cuando comienzan las confusiones.

Para ello he preparado un ejemplo muy sencillo en el que crearemos una aplicación para gestionar una lista de tareas en la que cada una de ellas dispondrá de un botón para que podamos marcarla como completada. El objetivo es implementar una función que pueda marcar como completada la tarea pulsada a partir del índice que ocupa la misma dentro de la lista.

[00:00] Introducción
[01:16] useState y objetos
[03:33] Cómo funciona la propiedad onClick
[05:10] Botón para completar tarea
[10:32] Cómo asignar correctamente la función a onClick

Este ejercicio es muy útil para repasar los “event handlers” de React y entender cómo podemos acceder a la información de los elementos que forman un lista.

¡Espero que os guste!