Барои намоиш додани рӯйхати маълумотҳо дар 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, метавон идентификатори беназирро истифода бурд ё, агар он вуҷуд надошта бошад, индексро дар массив.