我有一個問題，解決方案現在正在逃避我..
我有一個包含聯系人型別的陣列，當我傳遞一個型別（比如 TA）時，我想列出選中復選框的復選框，但也列出未選中復選框的所有其他復選框。雖然我不想重復.. 所以如果“6230”被選中，不要用“6230”顯示其他的。這樣，他們可以將型別“TA”添加到其他位置。希望我解釋得很好。我確實把一個代碼框和一個例子
理想情況下，將選中的列在串列頂部。
uj5u.com熱心網友回復：
如果你想在頂部列出選中的那些。然后，您必須在映射資料并呈現它之前應用排序功能。您更新后的函式如下所示。一切都是一樣的。只是在 map 之前添加了一個過濾功能
const getEditCampusCodes = (typ: string) => {
return data?.sort(item => { // Sort your checked field data at top
if(item.contact_type[0] === typ) {
return -1
}else{
return 1
}
}).map((item: any, i: number) => {
const campus = item["campus_code"] " - ";
return (
<div key={i}>
<label>
{campus
item["campus_code_name"]
", "
item.address_line1
", "
item.city
", "
item.state_code
" "
item.zip}
<input
id={campus}
value={campus}
type="checkbox"
checked={item.contact_type[0] === typ}
/>
</label>
</div>
);
});
};
uj5u.com熱心網友回復：
我發現了我的問題，沒有唯一的 ID
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/444943.html
下一篇：基于子元素垂直居中父div