我試圖讓我的 react-select 可搜索，但我遇到了問題。基本上，我的選項的標簽需要在 JSX 中，因為我的客戶希望一眼就能看到用戶的聯系資訊。但是，我認為 Select 道具 'isSearchable' 僅在值為字串時才有效。這是我的代碼的樣子：
我傳遞到 Select 的“選項”道具中的資料：
const createContactDisplay = (data) => {
return data.map((contact) => ({
label: (
<Contact>
<p>{contact.value.firstName}</p>
<p>{contact.value.lastName}</p>
<p>{contact.value.email}</p>
</Contact>
),
value: contact.key
}));
};
然后我將過濾后的聯系人作為上面的資料傳遞，并將optionsReact select的prop設定為該狀態。
任何關于我應該做什么的建議將不勝感激！
uj5u.com熱心網友回復：
在Select從反應選接受選項陣列，其中每個選項與所涉及的物件label和value屬性。如果要使用搜索功能，需要轉換成Select可以理解的選項格式：
const options = originalOptions.map((o) => ({
label: o.contact.value.firstName,
value: o.contact.value.firstName,
data: o.contact.value, // to reference custom data field if needed
}));
<Select options={options} {...} />
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/337246.html
標籤：javascript 反应 反应选择
上一篇：使用鉤子的全域React函式