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 - Tutorial de React.js
Del curso: React esencial
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
-
-
-
-
-
-
-
-
Importar CSS dentro de componentes React4 min 39 s
-
(Bloqueado)
Asignar atributos de CSS en un componente React7 min 45 s
-
(Bloqueado)
Genera componentes con estilos usando Styled Components5 min 18 s
-
(Bloqueado)
Importar frameworks externos para React6 min 31 s
-
(Bloqueado)
Estilos dinámicos en React7 min 36 s
-
-
-