我有一個嵌套的 json，我可以從端點獲取http://localhost:8080/salesmen/1
它，它看起來像這樣
{
"Id": 1,
"name": "salesmen",
"loc": "california",
"inventory": [
{
"fruitId": 1,
"Id": 1,
"theDate": "08/12/2020",
"descrip": "an apple",
},
{
"fruitId": 2,
"Id": 1,
"theDate": "08/12/2021",
"descrip": "a banana",
}
]
}
我想獲取嵌套inventory部分，以便我可以從中構建一個表
我寫了一個看起來像這樣的提取
當我檢查控制臺時，我的所有引數fruitdata都是undefined
這是不正確的，我是否需要做其他事情才能獲得它？
useEffect(() => {
fetch(SERVER_URL "salesmen/1")
.then((response) => response.json())
.then((data) => {
// fruits: responseData
const fruitdata = [data].map((p) => {
return {
inventory: p.inventory,
theDate: p.inventory.theDate,
description: p.inventory.descrip,
};
});
console.log(fruitdata)
setfruits(fruitdata);
})
.catch((err) => console.error(err));
}, []);
uj5u.com熱心網友回復：
useEffect(() => {
fetch(SERVER_URL "salesmen/1")
.then((response) => response.json())
.then((data) => {
// fruits: responseData
const fruitdata = data.inventory.map((p) => { // mapping on invenroty will resolve the issue
return {
inventory: p.inventory,
theDate: p.inventory.theDate,
description: p.inventory.descrip,
};
});
console.log(fruitdata)
setfruits(fruitdata);
})
.catch((err) => console.error(err));
}, []);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/379257.html
標籤：javascript 反应
下一篇：如何將我的代碼修改為異步？