我尝试在 React JS 中映射嵌套的 JSON。

我的 JSON 数据是这样的，

"beautifuldata": [
{ "id":"1", "name":"a"},
{ "id":"2", "name":"b"},
{ "id":"3", "name":"c"},
{ "id":"4", "name":"d"},
{ "id":"5", "name":"e"},
{ "id":"6", "name":"f"},
{ "id":"7", "name":"g"}]

这些数据来自一个 API。我可以将我的数据写入控制台。但是当我尝试进入内部时一切都出错了。例如，我想从我的 JSON 数据中获取 id，

我试试这个

[beautifuldata].map(x => console.log(x));

此代码行提供了所有数据，

[beautifuldata].map(x => console.log(x.id));

这段代码行给了我未定义的。我想访问我的 JSON 中的所有数据。我错过了什么？

回答

let obj = {
  beautifuldata: [
    { id: "1", name: "a" },
    { id: "2", name: "b" },
    { id: "3", name: "c" },
    { id: "4", name: "d" },
    { id: "5", name: "e" },
    { id: "6", name: "f" },
    { id: "7", name: "g" },
  ],
};

const result = obj.beautifuldata.map((x) => x.id);
console.log(result);