Question

我正在尝试获取我的API的响应并映射他主题的peson。我绘制了人事问题的地图，但对于该主题我不能做同样的事情。我已经做到了：

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 }))

对象内部的Map数组

1 个答案: