对象数组未在反应 js 中呈现

Question

我正在尝试使用 map 方法渲染对象数组，但它给出了错误消息

list.map 不是函数

如何渲染这个？

我要渲染的数组对象是：

let list= [
{
    "id": "8xI09EfZGldA3wMEdwUW",
    "users": ["dstha221@gmail.com", "dstha221@gmail.com"],
    "timestamp": {
        "seconds": 1639825713,
        "nanoseconds": 687000000
    }
},
{
    "id": "PiDJjjeH0eubfLz2WIe5",
    "timestamp": {
        "seconds": 1639825709,
        "nanoseconds": 341000000
    },
    "users": ["rabina@gmail.com", "dstha221@gmail.com"]
},
{
    "id": "ayAFmLpIGdUHYe8fiVvb",
    "timestamp": {
        "seconds": 1639825712,
        "nanoseconds": 291000000
    },
    "users": ["jeevan@gmail.com", "dstha221@gmail.com"]
}
];




 list.map((user)=>{
    console.log(user.id);
    })

Answer 1

因为列表：[{data}] 不是数组。 像这样修复你的代码。

const list = [{data}, {data}, {data}, ...]
..//
{list.map(data => <Component data={data}/>);}

Answer 2

虽然问题不清楚，但我会为您尝试映射的数据假设两种情况。

案例一

假设您的数据列表的格式为 ..

const list = [{"id":"8xI09EfZGldA3wMEdwUW","users":["dstha221@gmail.com","dstha221@gmail.com"],"timestamp":{"seconds":1639825713,"nanoseconds":687000000}},{"id":"PiDJjjeH0eubfLz2WIe5","timestamp":{"seconds":1639825709,"nanoseconds":341000000},"users":["rabina@gmail.com","dstha221@gmail.com"]},{"id":"ayAFmLpIGdUHYe8fiVvb","timestamp":{"seconds":1639825712,"nanoseconds":291000000},"users":["jeevan@gmail.com","dstha221@gmail.com"]}]

然后您可以在您的退货声明中显示这样的 id ....

list.map((item)=> <p>{item.id}</p>)

案例二

假设您的列表是...形式的对象的属性。

const myObj = {
      list: [{"id":"8xI09EfZGldA3wMEdwUW","users":["dstha221@gmail.com","dstha221@gmail.com"],"timestamp":{"seconds":1639825713,"nanoseconds":687000000}},{"id":"PiDJjjeH0eubfLz2WIe5","timestamp":{"seconds":1639825709,"nanoseconds":341000000},"users":["rabina@gmail.com","dstha221@gmail.com"]},{"id":"ayAFmLpIGdUHYe8fiVvb","timestamp":{"seconds":1639825712,"nanoseconds":291000000},"users":["jeevan@gmail.com","dstha221@gmail.com"]}]

然后你可以像这样映射对象......

myObj.list.map((item)=> <p>{item.id}</p>)
  }