const [data, setData] = useState({dataOne: "", dataTwo: ""});
如何在一個反應??表中呈現兩個物件值？
這是 Json 回應
資料一
[{
"name": "adnan hassan",
"count": 6960
}, {
"name": "adnan",
"count": 69666660
}]
資料二
[{
"metrics": {
"competition": "LOW",
"avg_searches": "6600",
"competition_index": "22"
},
"keyword_annotations": {
"concepts": []
},
"text": "dubai homes"
}]
我想在表格中顯示來自 dataOne 和 avg_searches 的計數，來自dataTwo的文本。映射方法一個一個地作業就像這樣data.dataOne.map()&data.dataTwo.map() 但我想用一種方法來渲染這兩個值，比如data.map()
uj5u.com熱心網友回復：
您可以合并兩個陣列：使用：
mergedArray = [...arr1, ...arr2]
dataOne = [{
"name": "adnan hassan",
"count": 6960
}, {
"name": "adnan",
"count": 69666660
}]
dataTwo = [{
"metrics": {
"competition": "LOW",
"avg_searches": "6600",
"competition_index": "22"
},
"keyword_annotations": {
"concepts": []
},
"text": "dubai homes"
}]
let merged = [...dataOne, ...dataTwo]
console.log(merged)
// Then after you can map the data based on what you want
console.log('--mapped data starts here--')
merged.map((val) => {
console.log(val)
})uj5u.com熱心網友回復：
謝謝@Cypherjac 的指導。我用https://lodash.com/docs/4.17.15#mergeWith解決了這個問題
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/447633.html
標籤：javascript 数组 反应 目的 反应钩子
上一篇：如何在兄弟屬性上組合物件屬性
下一篇：如何轉換陣列中的物件