Arrays 将数组映射到数组中的对象

Arrays 将数组映射到数组中的对象,arrays,reactjs,sorting,arraylist,Arrays,Reactjs,Sorting,Arraylist,我有一个对象数组,这些对象有一个包含数组的对象。我想映射“shot:Array(6)”,以便列出项目 我该怎么办?我能够映射名称、id和指令,但我无法访问和映射快照对象,然后映射快照数组 当前代码信息: {Object.values(instructions).map(({id, name, Instructions}, i) => { return ( <div key={id}> <p><b>{n

我有一个对象数组,这些对象有一个包含数组的对象。我想映射
“shot:Array(6)”
,以便列出项目

我该怎么办?我能够映射名称、id和指令,但我无法访问和映射快照对象,然后映射快照数组

当前代码信息:

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

          );
        })}
{Object.values(instructions).map({id,name,instructions},i)=>{
返回(
{name}

{指令}

); })}
您可以在每个对象内的快照数组上进行如下映射:

{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>

      );
    })}
{Object.values(instructions).map({id,name,instructions},i)=>{
返回(
{name}

{指令}

{shoot.shoots.map(shoot=>({shoot}

)} ); })}
尝试以下代码:

{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>
      );
    })}
{Object.values(instructions).map({id,name,instructions,shots},i)=>{
返回(
{name}

{指令}

{shots.amount}

{shots.shoot.map(项=>( {item} ))} ); })}
与{id,name,Instructions}一起销毁Shots对象,并从Shots对象映射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>
      );
  })
}
{
Object.values(instructions).map({id,name,instructions,Shots},i)=>{
返回(
{name}

{指令}

{ Shots.Shots.map(shoot=>({shoot}

) } ); }) }