Сопоставить массив внутри объекта внутри массива React JS

Question

У меня есть массив объектов, и у этих объектов есть объект с массивом в нем. Я хочу сопоставить "shoot: Array(6)", чтобы я мог перечислить элементы.

Как бы я go об этом? Я могу отобразить имя, идентификатор и инструкции, но у меня возникают проблемы с получением доступа и отображением объекта снимков, а затем снимать массив.

Текущая информация о коде:

{Object.values(instructions).map(({id, name, Instructions}, i) => {
          return (
        <div key={id}>
         <p><b>{name}</b></p>
         <p>{Instructions}</p>
        </div>

          );
        })}

Answer 1

Вы можете отобразить массив массивов в каждом объекте следующим образом:

{Object.values(instructions).map(({id, name, Instructions}, i) => {
      return (
    <div key={id}>
     <p><b>{name}</b></p>
     <p>{Instructions}</p>
    {shoot.shoots.map(shoot => (<p>{shoot}</p>))}

    </div>

      );
    })}

Answer 2

Уничтожить объект Shots вместе с {id, name, Instructions} и отобразить массив Shoots из объекта Shots.

{
  Object.values(instructions).map(({id, name, Instructions, Shots}, i) => {
      return (
        <div key={id}>
          <p><b>{name}</b></p>
          <p>{Instructions}</p>
          {
            Shots.shoots.map(shoot => (<p>{shoot}</p>))
          }
        </div>
      );
  })
}

Answer 3

попробуйте этот код:

{Object.values(instructions).map(({id, name, instructions, shots}, i) => {
      return (
    <div key={id}>
     <p><b>{name}</b></p>
     <p>{instructions}</p>
     <p>{shots.amount}</p>
     {shots.shoot.map(item => (
       <div>{item}</div>
     ))}
    </div>
      );
    })}