我正在處理一個反應專案,我正在處理以下格式的 json 檔案。
{
"trees":{
"name":"a",
"age":"9",
"height":"10",
"location":"park"
},
"cars":{
"name":"b",
"age":"30",
"height":"10",
"location":"park"
},
"bikes":{
"name":"c",
"age":"110",
"height":"10",
"location":"park"
},.........................
來自 json 檔案的資料(名稱、年齡、高度、位置)顯示在子組件的表格中,但現在我正在研究一種功能,即單擊表格的任何行,行資料都顯示在另一個組件中.
我正在處理它,以便每當單擊一行時,函式都會將名稱(例如 a 或 b 或 c)發送App.js到name ,存盤它并將這些值發送給另一個孩子。
我無法遍歷此 json 檔案以找到與名稱對應的值,也不知道如何存盤這些多個值以將其發送給孩子。
這就是我試圖找到與名稱對應的值(名稱、年齡、高度、位置)的內容:
const selected = Object.entries(Data).find(([key, { ...e }]) => {
key.name === selectedId;
});
console.log(selected "Selected");
我收到錯誤。
uj5u.com熱心網友回復:
你可以試試這個代碼:
const obj = {
"trees":{
"name":"a",
"age":"9",
"height":"10",
"location":"park"
},
"cars":{
"name":"b",
"age":"30",
"height":"10",
"location":"park"
},
"bikes":{
"name":"c",
"age":"110",
"height":"10",
"location":"park"
}
};
const selected = Object.values(obj).find(e => e.name === 'c');
或者像這樣嘗試:
function findByName(obj, name) {
const selected = Object.entries(tmp).find(([_, e]) => e.name === 'c');
const [key, findObj] = selected;
return {
[key]: findObj
}
}
console.log(findByName(tmp, 'c'));
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/381598.html
標籤:javascript 反应 json
