¿Qué se usa para mostrar una lista de datos en JSX?

Para mostrar una lista de datos en JSX, se utiliza el método .map() de los arreglos de JavaScript.

// Ejemplo de arreglo de datos
const items = ['Elemento 1', 'Elemento 2', 'Elemento 3'];

// Mostrar la lista usando .map()
const List = () => (
  <ul>
    {items.map((item, index) => (
      // Es obligatorio usar una clave única para cada elemento de la lista
      <li key={index}>{item}</li>
    ))}
  </ul>
);

map() recorre cada elemento del arreglo y devuelve un nuevo arreglo de elementos React, que luego se renderizan en el DOM. Es importante usar una propiedad key única para cada elemento en la lista. Esto ayuda a React a actualizar eficientemente la interfaz de usuario cuando la lista cambia. Como key, se puede usar un identificador único de los datos, y en su ausencia, el índice del elemento en el arreglo.