我有一組具有不同名稱的鍵的物件。
let array = [{"obj1": 1, "obj2": 2}, {"obj3": 3}]
我希望能夠在前面（react-native）顯示鍵和值。我嘗試使用 map 和 object.entries 這樣做，但它不起作用（錯誤：物件作為 React child 無效。如果您打算渲染一組孩子，請改用陣列。）：
{Object.entries(array).map(([key, val] = entry) => {
return (<Text>{[key, val]}</Text>)
})
如何在 Text 中簡單地顯示每個物件的鍵和值？
uj5u.com熱心網友回復：
嘗試這個：
{array.map(item => (
<div>
{Object.entries(item).map(([key, val]) => {
return (
<Text>
{key} = {val}
</Text>
)
})}
</div>
))}
注意：在實際應用中使用時請添加密鑰
uj5u.com熱心網友回復：
您應該減少陣列，展開條目，然后展平。結果將是一個鍵值對陣列。
const array = [{ "obj1": 1, "obj2": 2 }, { "obj3": 3 }]
const keyValuePairs = array
.reduce((pairs, obj) => [...pairs, Object.entries(obj)], [])
.flat();
keyValuePairs.forEach(([key, val]) => console.log(key, val));轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/496686.html
標籤：javascript 反应式
上一篇：陣列陣列的打字稿陣列：防止未定義