JSX-də məlumatların siyahısını göstərmək üçün nə istifadə olunur?

JSX-də məlumatların siyahısını göstərmək üçün JavaScript massivlərinin .map() metodu istifadə olunur.

// Məlumatlar massivinin nümunəsi
const items = ['Maddə 1', 'Maddə 2', 'Maddə 3'];

// Siyahını `.map()` ilə göstərmək
const List = () => (
  <ul>
    {items.map((item, index) => (
      // Hər element üçün unikal açar istifadə etmək vacibdir
      <li key={index}>{item}</li>
    ))}
  </ul>
);

map() hər bir elementi keçərək yeni React elementləri massivini qaytarır və onlar DOM-da render olunur. Siyahıdakı hər element üçün unikal key xüsusiyyətindən istifadə etmək vacibdir. Bu, React-in siyahı dəyişdikdə istifadəçi interfeysini səmərəli yeniləməsinə kömək edir. key kimi məlumatların unikal identifikatoru və ya yoxdursa, elementin indeksindən istifadə edilə bilər.