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.

Asignar atributos de CSS en un componente React

Asignar atributos de CSS en un componente React - Tutorial de React.js

Del curso: React esencial

Asignar atributos de CSS en un componente React

En esta lección te voy a mostrar dos diferentes formas de agregar elementos de CSS dentro de un componente de React. Acá estoy trabajando en una aplicación que despliega una lista de libros. Vamos a ver el resultado de este código que tengo acá y es eso, básicamente, una lista de libros. Cada uno de los títulos que vemos acá es un componente. Entonces, tenemos este componente que muestra el título con el año de publicación y así vamos repitiendo cada uno de estos elementos dentro de la lista. Volvemos entonces al código y vamos a agregarle algunos elementos de CSS. Yo, por ejemplo, estoy trabajando con un componente que tiene su propio CSS, llamado Libro.css. Vamos a entrar acá, a este archivo, Libro.css, y le voy a agregar algunas clases que ya tenía preparadas. Acá, básicamente, estoy modificando las propiedades de una clase llamada item. Vamos a guardar y voy a volver a el componente donde voy a agregar esta clase. Tradicionalmente, en CSS lo que utilizamos es un atributo…

Contenido