我對 React 和 Typescript 很陌生。我確實有一個具有屬性值作為陣列的物件。我可以通過以下邏輯獲取物件的值。
let cityObj = {
"Harare":[
{
"released_on":"2007-11-08T00:00:00",
"slug":"0985"
},
{
"released_on":"2007-11-08T00:00:00",
"slug":"2346"
}
],
"bulawayo":[
{
"released_on":"2007-11-08T00:00:00",
"slug":"9383"
}
]
}
Object.keys(cityObj).forEach(el =>{
console.log(cityObj[el]);
})
輸出如下；
array(3)
array(1)
這就是我想要在它們中做的 jsx 反應回傳函式。使用下面的代碼后，我只能得到城市名稱，例如 Harare 和 Bulawayo。
{Objects.keys(cityObj).map((city:any) =>
<div> {city}
cityObj[city].map((el:any) => <span>- {el.slug}</span>)
</div>
)}
我真正想要的是這樣的：
Harare
-0985
-2345
Bulawayo
-9383
但在這種情況下，我只得到城市名稱并且城市資料沒有顯示。
uj5u.com熱心網友回復：
似乎您只是忘記將內部映射傳遞給反應可執行代碼塊
{Objects.keys(cityObj).map((city:any) =>
<div> {city}
{cityObj[city].map((el:any) => <span>- {el.slug}</span>)}
</div>
)}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/488753.html
上一篇：比較兩個陣列，如果匹配傳遞給物件