我正在嘗試使用該map方法呈現物件陣列，但它給出了一條錯誤訊息
list.map 不是函式
我怎么能渲染這個？
我要渲染的陣列物件是：
let list= [
{
"id": "8xI09EfZGldA3wMEdwUW",
"users": ["[email protected]", "[email protected]"],
"timestamp": {
"seconds": 1639825713,
"nanoseconds": 687000000
}
},
{
"id": "PiDJjjeH0eubfLz2WIe5",
"timestamp": {
"seconds": 1639825709,
"nanoseconds": 341000000
},
"users": ["[email protected]", "[email protected]"]
},
{
"id": "ayAFmLpIGdUHYe8fiVvb",
"timestamp": {
"seconds": 1639825712,
"nanoseconds": 291000000
},
"users": ["[email protected]", "[email protected]"]
}
];
list.map((user)=>{
console.log(user.id);
})
uj5u.com熱心網友回復：
因為串列：[{data}] 不是陣列。像這樣修復你的代碼。
const list = [{data}, {data}, {data}, ...]
..//
{list.map(data => <Component data={data}/>);}
uj5u.com熱心網友回復：
盡管問題不清楚，但我將為您嘗試映射的資料假設兩種情況。
案例一
假設您的資料串列的形式為 ..
const list = [{"id":"8xI09EfZGldA3wMEdwUW","users":["[email protected]","[email protected]"],"timestamp":{"seconds":1639825713,"nanoseconds":687000000}},{"id":"PiDJjjeH0eubfLz2WIe5","timestamp":{"seconds":1639825709,"nanoseconds":341000000},"users":["[email protected]","[email protected]"]},{"id":"ayAFmLpIGdUHYe8fiVvb","timestamp":{"seconds":1639825712,"nanoseconds":291000000},"users":["[email protected]","[email protected]"]}]
然后，您可以在 return 陳述句中顯示這樣的 id ....
list.map((item)=> <p>{item.id}</p>)
案例二
假設您的串列是表單物件的屬性....
const myObj = {
list: [{"id":"8xI09EfZGldA3wMEdwUW","users":["[email protected]","[email protected]"],"timestamp":{"seconds":1639825713,"nanoseconds":687000000}},{"id":"PiDJjjeH0eubfLz2WIe5","timestamp":{"seconds":1639825709,"nanoseconds":341000000},"users":["[email protected]","[email protected]"]},{"id":"ayAFmLpIGdUHYe8fiVvb","timestamp":{"seconds":1639825712,"nanoseconds":291000000},"users":["[email protected]","[email protected]"]}]
然后你可以像這樣映射物件......
myObj.list.map((item)=> <p>{item.id}</p>)
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/388125.html
標籤：javascript 反应 数组对象