Javascript React：使用嵌套数组映射对象数组

我已经筛选了一些已经回答过的问题，学到了很多，但我仍停留在格式问题上

当前设置组件后，我将呈现以下内容：

半堆栈应用程序开发

Node.js

const Header = ({ course }) => {
  return (
    <div>
      {course.map((course) => {
        return <h1>{course.name}</h1>;
      })}
    </div>
  );
};

列表项

列表项

列表项

列表项

列表项

这就是我试图呈现的内容

半堆栈应用程序开发

列表项

列表项

列表项

Node.js

const Header = ({ course }) => {
  return (
    <div>
      {course.map((course) => {
        return <h1>{course.name}</h1>;
      })}
    </div>
  );
};

列表项

列表项

我正在映射的数据

const courses = [
   {
     name: "Half Stack application development",
     id: 1,
     parts: [
       {
         name: "Fundamentals of React",
         exercises: 10,
         id: 1,
       },
       {
         name: "Using props to pass data",
         exercises: 7,
         id: 2,
       },
       {
         name: "State of a component",
         exercises: 14,
         id: 3,
       },
       {
         name: "Redux",
         exercises: 11,
         id: 4,
       },
     ],
   },
   {
     name: "Node.js",
     id: 2,
     parts: [
       {
         name: "Routing",
         exercises: 3,
         id: 1,
       },
       {
         name: "Middlewares",
         exercises: 7,
         id: 2,
       },
     ],
   },
 ];

我的组件

const Header = ({ course }) => {
  return (
    <div>
      {course.map((course) => {
        return <h1>{course.name}</h1>;
      })}
    </div>
  );
};

const头=（{course}）=>{
返回(
{course.map（（course）=>{
返回{course.name}；
})}
);
};

const-Course=（{Course}）=>{
返回(

{课程地图（（项目）=>{
返回项目.parts.map（（项目）=>{
返回(

{item.name}{item.exercises}

);
});
})}

);
};

我对主要组件的调用

 return (
    <div>
      <Course course={courses} />
    </div>
  );

返回(
);

希望我的问题是很明显的，我无法找出如何转到数组中的每个对象，并使标题后跟下面列出的部件数组名称

如果需要的话，我很乐意提供更多的信息，我已经坚持了三天了

---

供参考，这是从完整的堆栈开放2021年课程。链接此处

您需要绘制课程地图，并在循环中显示标题，然后循环各部分

courses.map(course => {
 return (
   <div>
   <Header course={course.name}/>   
   {
    course.parts.map(part => display part here)
   }
   </div> 
 )
})

courses.map（课程=>{
返回(
{
course.parts.map（part=>此处显示part）
}
)
})

就是这样。我只需要进入标题删除地图功能并更改道具。我感谢你的帮助。我现在明白了，标题中的映射只是创建了一个标题数组，并将它们都抛出。