這就是我從服務器得到的 -
{"id":1,"name":"jon","company":"fod"},
{"id":2,"name":"dan","company":"fod"},
{"id":3,"name":"fun","company":"fod"},
{"id":4,"name":"lol","company":"fod"},
{"id":5,"name":"hey","company":"god"}
我想制作一個<optgroup>帶有金屬的 UI。
我在這個話題上發現了什么 -
uj5u.com熱心網友回復：
您可以按資料對資料進行分組companyName，然后對其進行迭代。以下是按以下方式對資料進行分組的示例companyName：
const groupByCompany = (data) => {
return Array.from(
data.reduce((acc, item) => {
const key = item.company;
if (acc.has(key)) {
acc.get(key).push(item);
} else {
acc.set(key, [item]);
}
return acc;
}, new Map())
);
};
我已經Select根據您的資料在這里實作了一個材料：https :
//stackblitz.com/edit/react-xgbman
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/397918.html
標籤：反应
上一篇：如何在React中使用嵌套路由僅顯示來自詳細資訊組件的資料？
下一篇：獲取div內字串的行數