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

根据文档，您有两个选择

可控状态该组件具有两个可以控制的状态：

带有value / onChange道具组合的“值”状态。这个状态代表用户选择的值，例如按Enter。 “输入值”状态与 inputValue / onInputChange道具组合。此状态代表值显示在文本框中。

Answer 2

完成！！！！

自动完成分组的组件将defaultValue用作object而不是string

自动完成MaterialUI-如何在分组自动完成中设置默认值

2 个答案: