對象內部的映射數組

Question

我試圖得到我的 API 的響應並映射他的主題。 我映射了這個人沒有問題，但我不能對這個主題做同樣的事情..我已經做了：

const people = props.data.people // get people array
const name = people.map(el => el.person.name) // get the name
const a =  people.map(el => el.topic) 

在a我得到了主題，但這里返回兩個分開的數組，我需要映射這個主題的人，即使這樣我也無法訪問價值和項目..我該怎么辦？

謝謝（對不起我的英語）

這是回應：

{
  "people": [
    {
      "person": {
        "id": 3,
        "name": "Arlo Johnston"
      },
      "topic": [
        {
          "item": "dogs",
          "value": 1
        },
        {
          "item": "cats",
          "value": 0
        }
      ]
    },
    {
      "person": {
        "id": 2,
        "name": "Prof. Conner Macejkovic"
      },
      "topic": [
        {
          "item": "dogs",
          "value": 5
        },
        {
          "item": "cats",
          "value": 5
        }
      ]
    }
  ]
}

Answer 1

const nameWithTopics = people.map(el => ({ name: el.person.name, topics: el.topics }))