Čo sa používa na zobrazenie zoznamu údajov v JSX?

Na zobrazenie zoznamu údajov v JSX sa používa metóda .map() polí JavaScriptu.

// Príklad dátového poľa
const items = ['Položka 1', 'Položka 2', 'Položka 3'];

// Zobrazenie zoznamu pomocou .map()
const List = () => (
  <ul>
    {items.map((item, index) => (
      // Je povinné použiť unikátne kľúč pre každý prvok zoznamu
      <li key={index}>{item}</li>
    ))}
  </ul>
);

map() prechádza každý prvok poľa a vracia nové pole React prvkov, ktoré sa následne renderujú v DOM. Je dôležité používať unikátne vlastnosti key pre každý prvok v zozname. To pomáha Reactu efektívne aktualizovať používateľské rozhranie pri zmene zoznamu. Ako key možno použiť unikátne identifikátory údajov alebo, ak chýbajú, index prvku v poli.