Šta se koristi za prikazivanje liste podataka u JSX?

Za prikazivanje spiska podataka u JSX koristi se metoda .map() JavaScript nizova.

// Primer niza podataka
const items = ['Tačka 1', 'Tačka 2', 'Tačka 3'];

// Prikaz spiska pomoću .map()
const List = () => (
  <ul>
    {items.map((item, index) => (
      // Obavezno koristite jedinstveni ključ za svaki element spiska
      <li key={index}>{item}</li>
    ))}
  </ul>
);

map() prolazi kroz svaki element niza i vraća novi niz React elemenata, koji se zatim renderuju u DOM. Važno je koristiti jedinstvenu key osobinu za svaki element u listi. Ovo pomaže React-u da efikasno ažurira korisnički interfejs kada se lista menja. Kao key, može se koristiti jedinstveni identifikator podataka, ili, ako nema, indeks elementa u nizu.