自動完成 MaterialUI - 如何在分組自動完成中設置默認值

Question

我正在使用自動完成分組組件？ 我希望在組件加載或刷新時已經選擇了默認值。

代碼在代碼下方

<Autocomplete
    id="grouped-demo"
    className={'input-dropdown'}
    options={options.sort((a, b) => -b.firstLetter.localeCompare(a.firstLetter))}
    groupBy={(option) => option.firstLetter}
    getOptionLabel={(option) => option.title}
    onChange={this.linkDropdownChange}
    renderInput={(params) => <TextField {...params} label="grouped Collection" variant="outlined" />}
/>

Answer 1

根據文檔，您有兩個選擇

可控狀態 組件有兩種可以控制的狀態：

“值” state 與 value/onChange 道具組合。 這個 state 代表用戶選擇的值，例如按下 Enter 時。 “輸入值” state 與 inputValue/onInputChange 道具組合。 這個 state 代表文本框中顯示的值。

Answer 2

完畢！！！！！

自動完成分組組件使用defaultValue作為object而不是string