這個問題在這里已經有了答案： 如何訪問和處理嵌套物件、陣列或 JSON？ (31 個回答) 3天前關閉。
我有一個嵌套物件，如下所示
{
"Place One": {
primary: "#000000",
secondary: "#97233f",
coordinates: {
lat: 49.5013,
lon: 87.0622
}
},
"Place Two": {
primary: "#000000",
secondary: "#a71930",
coordinates: {
lat: 40.6013,
lon: 81.0622
}
},
"Place Three": {
primary: "#9e7c0c",
secondary: "#241773",
coordinates: {
lat: 40.5033,
lon: 84.0622
}
}
}
我正在嘗試訪問每個 lat /lon 變數以傳遞給 Leaflet React 組件
<Marker
key={park.properties.PARK_ID}
position={[
***the lat***,
***the lon***
]}
/>
我已經嘗試過以下方法：
Object.fromEntries(
Object.entries(teams).map(([key, { coordinates }]) => <Marker
position={[
coordinates.lat,
coordinates.lon
]} />
)
但無法訪問這些值。
任何人都可以請建議最好的方法嗎？
uj5u.com熱心網友回復：
假設包含嵌套物件的資料結構被分配給“資料”變數：
const data = {
"Place One": {}, // etc.
}
然后在您的 React 組件模板中，您可以使用以下命令遍歷“嵌套物件”：
Object.keys(data).map((key) => {
const nestedObject = data[key]
return (<Marker
key={key}
position={nestedObject.coordinates} // or [nestedObject.coordinates.lat, nestedObject.coordinates.lon]
/>)
})
uj5u.com熱心網友回復：
我相信你應該像這樣開始解構嵌套物件
const obj1 = your_nested_object
const lat = obj1.Place_One.coordinates.lat
const lon = obj1.Place_One.coordinates.lon
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/442134.html
標籤：javascript 反应 目的 传单