JSXте маалыматтардын тизмесин көрсөтүү үчүн эмне колдонулат?

JSXте маалыматтардын тизмесин көрсөтүү үчүн JavaScript массивдеринин .map() ыкмасы колдонулат.

// Маалыматтар массивинин мисалы
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 катары маалыматтардын уникалдуу идентификаторун колдонсо болот, же жок болсо, элементтин индексин массивде колдонсо болот.