Bruno R

Listas y keys

x
portfolio-next-l5vb64p5k-bandikyu.vercel.app

Al igual que utilizamos la funcion map() para tomar un array y modificar sus valores en un nuevo array, esto tambien lo podemos realizar con una lista de elementos con react

Renderizando Multiples Componentes

Podemos hacer coleccionaes de elemtnos e incluirlos en JSX usando llaves {}

const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((number) =>
  <li>{number}</li>
);
/*Aca estamos recorriendo el numbers y para cada uno de sus valores
insertamos una etiqueta li, este nuevo array queda guardado en listItems
luego podriamos renderizarlo en un ul y listop => */
<ul>{listItems}</ul>

Componentes basicos de lista