我嘗試為資料陣列中的每個專案只顯示我需要用表格顯示的名稱鍵。
const data = [{id: "111", name: "Danny", city: "NYC"},
{id: "222", name: "Roni", city: "LDN},
{id: "333", name: "Suzi", city: "TLV",
{id: "444", name: "John", city: "SF"}
]
const config = [{fieldToShow: "name"}]
<tbody>
{data.map((row) => {
return (
<tr>
{config.map((value) => {
return <td>{row[value.field]}</td>;
})}
</tr>
);
})}
但它不起作用......
uj5u.com熱心網友回復：
您的配置物件有一個鍵fieldToShow：
const config = [{fieldToShow: "name"}]
當您嘗試獲取field地圖中的鑰匙時。你改變這一行：
return <td>{row[value.field]}</td>;
對此：
return <td>{row[value.fieldToShow]}</td>;
uj5u.com熱心網友回復：
你可以這樣做：
export default function Test() {
const data = [
{ id: '111', name: 'Danny', city: 'NYC' },
{ id: '222', name: 'Roni', city: 'LDN' },
{ id: '333', name: 'Suzi', city: 'TLV' },
{ id: '444', name: 'John', city: 'SF' },
];
const config = [{ fieldToShow: 'name' }];
return (
<tbody>
{data.map((row) => (
<tr>
{data.map((row) => (
<tr>
{config.map((value) => (
<td>{row[value.fieldToShow]}</td>
))}
</tr>
))}
</tr>
))}
</tbody>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/377474.html
標籤：javascript 反应 字典
上一篇：mint安裝，checksum mismatch in downloaded node，flag provided but not defined: -rpc
下一篇：比較兩個多維鍵值并合并非重復項