Что используется для отображения списка данных в JSX?

Для отображения списка данных в JSX используется метод .map() массивов JavaScript.

// Пример массива данных
const items = ['Пункт 1', 'Пункт 2', 'Пункт 3'];

// Отображение списка с помощью .map()
const List = () => (
  <ul>
    {items.map((item, index) => (
      // Обязательно используем уникальный key для каждого элемента списка
      <li key={index}>{item}</li>
    ))}
  </ul>
);

map() перебирает каждый элемент массива и возвращает новый массив React-элементов, которые затем рендерятся в DOM. Важно использовать уникальный key пропс для каждого элемента в списке. Это помогает React эффективно обновлять пользовательский интерфейс при изменении списка. В качестве key можно использовать уникальный идентификатор данных, а при его отсутствии — индекс элемента в массиве.