Какво се използва за показване на списък с данни в JSX?

За показване на списък с данни в JSX се използва методът .map() на масивите в JavaScript.

// Пример за масив с данни
const items = ['Точка 1', 'Точка 2', 'Точка 3'];

// Показване на списък с помощта на .map()
const List = () => (
  <ul>
    {items.map((item, index) => (
      // Необходимо е да се използва уникален ключ за всеки елемент от списъка
      <li key={index}>{item}</li>
    ))}
  </ul>
);

map() обхожда всеки елемент от масива и връща нов масив от React елементи, които след това се рендерират в DOM. Важно е да се използва уникално свойство key за всеки елемент в списъка. Това помага на React ефективно да актуализира потребителския интерфейс при промени в списъка. За key може да се използва уникален идентификатор на данните или, ако няма такъв, индексът на елемента в масива.