我有一個下拉選單，用戶可以從中選擇一個值，這些值中的每一個都有相應的描述。為了填充下拉串列，我從我的資料庫中檢索值
一旦用戶選擇了他們的值，我想用相應的描述更新另一個欄位（所以是一個單獨的狀態）
到目前為止，這就是我填充下拉串列的方式
const [newEventName, setEventName] = useState('');
const [newEventDescription, setEventDescription] = useState('');
<Select
onValueChange={newEventName => setEventName(newEventName)}
placeholder="Select Event"
>
{eventTypeData.map(event => (
<Select.Item
key={event.id}
label={event.name}
value={event.name}
/>
))}
</Select>
我可以在我onValueChange的 .onValueChange
除非有更好的方法？
uj5u.com熱心網友回復：
你可以像下面這樣
const updateValues = (newEventName) => {
// find your newEventDescription
setEventName(newEventName);
setEventDescription(newEventDescription);
}
onValueChange={newEventName => updateValues(newEventName)}
uj5u.com熱心網友回復：
這非常簡單，創建一個函式并撰寫邏輯以從您的 eventName 中提取描述，然后設定兩個值。
const setEventNameAndDesc = (newEventName) => {
// extract your description from the eventName
setEventName(newEventName);
setEventDescription(newEventDescription);
}
onValueChange={newEventName => setEventNameAndDesc(newEventName)}
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/404436.html
標籤：