Del curso: React esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.100 cursos impartidos por expertos del sector.

Estilos dinámicos en React

Estilos dinámicos en React

Cuando mezclamos estilos y eventos dentro de React, podemos obtener excelentes resultados para desplegar elementos interactivos y para mostrarle al usuario cambios que ha generado su interactividad. Te voy a mostrar cómo modificar los estilos a través de elementos programáticos, específicamente desde los eventos en React. Acá estoy trabajando con una lista de libros y este componente está desplegando un libro en particular. Vamos a examinar acá el resultado y vemos que el componente lo que está renderizando es cada uno de estos cuadros que aparecen acá, que representan un libro. Vamos a hacer que el usuario pueda seleccionar cada uno de estos libros. Así que voy a venir acá a mi código y voy a comenzar a modificarlo. Primero, voy a necesitar agregar algunos elementos. Como voy a tener que trabajar con información que va a ser modificada en el runtime de React, voy a tener que crear un estado. Así que acá vamos a crear una constante donde vamos a crear dos propiedades. La primera va a…

Contenido