Как последовательно вывести все элементы массива в React?

Question

[Даниил Чистяков]

Имеется JSON:

"slides": [
      {
        "introline": "Дизайн",
        "id": "design",
        "content": {
          "copy1": "юзабилити",
          "copy2": "figma",
          "copy3": "psd",
          "copy4": "креативность"

        }
      },

Имеется массив:

const details = numbers.map((numbers) => 
  <p>{data[activeIndex].content.copy(число)}</p>
  );

Необходимо последовательно заключить все записи из JSON в переменную "details'.
Как подставить порядковый номер элемента?

Answer 1

[Вадим]

Прочитать документацию для метода .map и узнать что вторым аргументом функция-обработчик принимает порядковый номер элемента.

А ещё Вы нарушили правило использования ресурса 3.8.

Comments

[Даниил Чистяков]

Извиняюсь, исправил

[Вадим]

Даниил Чистяков, А индекс попробовали подставлять? Получилось достичь желаемого?

[Даниил Чистяков]

Вадим, индекс имеется, только вот непонятно как из "copy" сделать "copy1" к примеру
{data[activeIndex].content.copy}
Я просто новичок в React и пока что-то не доходит

[Вадим]

Даниил Чистяков,

const details = numbers.map((number, idx) => 
  <p>{data[activeIndex].content[`copy${idx+1}`]}</p> // обращаемся по строковому ключу. +1 так как у вас в json не с нуля начинается.
  );

[Даниил Чистяков]

Вадим, Большое спасибо, сработало!