我想在字典上映射，然后在字典键中映射值？

Question

我有包含对象和数组的数据集：

{反应基本结构:数组(2)}

或

{“反应基本结构”：{“主题”："send_AAFBLrk_f0NHXdU.mp4"}，{“主题”：“send_zHeTppE.mp4”}

我想要一个下拉列表，上面有课，主题将显示，贝娄

类似:第1课

主题2

专题3

专题3

第二课

主题10

专题20

专题30

我想撒谎，但mape是不允许进入mape的：

                   {Object.entries(LessonList).map(([key, value]) => (
                    <ListItem button className={classes.LessonTitle} key={key} >
                        <ListItemIcon ><FiberManualRecordOutlinedIcon /></ListItemIcon>
                        <ListItemText primary={key} />
                    </ListItem>
                    {
                        value.map((v) => (
                            <ListItem button className={classes.LessonTopics} key='Django Learning'>
                                <ListItemIcon ><FiberManualRecordIcon /></ListItemIcon>
                                <ListItemText primary='Django Learning' />
                            </ListItem>
                        ))
                    }
                ))}

Answer 1

假设我们有一个你想要的数组。

然后，我们首先绘制出包含“标题”和“主题”的lessons。此后，我们访问topics数组并将其映射到父map中。

const lessons = [
    {
      title: "Lesson 1",
      topics: [
        "Topic 1",
        "Topic 2",
        "Topic 3"
      ]
    },
    {
      title: "Lesson 2",
      topics: [
        "Topic 1",
        "Topic 2",
        "Topic 3"
      ]
    }
  ]

//..

<div className="App">
      {lessons.map((lesson) => (
        <div>
          <h1>{lesson.title}</h1>
          {lesson.topics.map((topic: string) => (
            <p>{topic}</p>
          ))}
        </div>
      ))}
</div>