El mapeo de una lista de datos se realiza en React.js utilizando el método `map()`. Este método recorre cada elemento del array y nos permite manipular y devolver datos como queramos.
Aquí tienes un ejemplo básico de cómo usar el método `map()`:
```jsx
import React from ‘react’;
const Lista = () => { const nombres = [‘Juan’, ‘Ana’, ‘Carlos’, ‘Marta’];
return (export default Lista;
```
En este código, `map()` toma dos argumentos, `nombre` e `index`, que representan el elemento actual que se está procesando en el array y su índice, respectivamente. El método devuelve un elemento `
También, es importante agregar una `key` a cada elemento hijo en la lista. Una `key` es un atributo especial de cadena que debes proporcionar al crear listas de elementos. Las keys ayudan a React a identificar qué ítems han cambiado, se han agregado, o se han eliminado. Más usualmente se usan ID’s de los elementos si vienen de una base de datos.
Este sería un ejemplo donde se mapea una lista de objetos:
```jsx
import React from ‘react’;
const Lista = () => { const usuarios = [ { id: 1, nombre: ‘Juan’ }, { id: 2, nombre: ‘Ana’ }, { id: 3, nombre: ‘Carlos’ }, { id: 4, nombre: ‘Marta’ }, ]
return (export default Lista;
```