我正在使用 Material UI Auto complete 來獲取國家/地區串列，我需要獲取選定的國家/地區 ID 以發送回資料庫。
<Autocomplete
options={this.state.countries.map(option => option.name_en ` (${option.name_native})`)}
id="discountType"
value={this.state.makeCountry}
onChange={(e, value) => this.logCountry(e, value)}
renderInput={(params) =>
<TextField
{...params}
variant="outlined"
label="Select make country"
/>}
/>
我需要將 option.id 與值一起發送到 logCountry 函式。
uj5u.com熱心網友回復：
創建您的 時options，您可以將它們轉換為以下格式的物件：
const options = this.state.countries.map(option => ({ id: option.id, label: option.name_en ` (${option.name_native})`}));
然后您可以使用onChange={(e, value) => this.logCountry(e, value.id)}.
我已經分叉了MUI 自動完成的檔案stackblitz 示例來實作此類行為，您可以在此處查看。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/369744.html
標籤：javascript 反应 材质-ui
上一篇：我正在嘗試在選擇單選按鈕時提交表單，但javascript不成功
下一篇：無法將此頁腳正確固定到視口底部