Javascript 反应材料界面:如何在自动完成文本字段中禁用键入?

Javascript 反应材料界面:如何在自动完成文本字段中禁用键入?,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,我使用了MaterialUI组件Autocomplete来呈现一些选项,但我希望Autocomplete能够让用户避免键入以获取建议。有没有办法让它像选择下拉菜单一样工作,并阻止文本字段输入。在这里,我可以使用“材质UI选择”下拉列表,但是否可以将“自动完成”更改为“选择” 我曾尝试将disabled传递给TextField道具,但看起来完整的下拉列表是disabled,并且仍然允许输入文本 下面是我要重用的autocomplete组件: <Autocomplete fullWi

我使用了MaterialUI组件Autocomplete来呈现一些选项,但我希望Autocomplete能够让用户避免键入以获取建议。有没有办法让它像选择下拉菜单一样工作,并阻止文本字段输入。在这里,我可以使用“材质UI选择”下拉列表,但是否可以将“自动完成”更改为“选择”

我曾尝试将disabled传递给TextField道具,但看起来完整的下拉列表是disabled,并且仍然允许输入文本

下面是我要重用的autocomplete组件:

 <Autocomplete
    fullWidth
    value={selected}
    onChange={handleChange}
    renderInput={(params) => <TextField {...params} {...getTextFieldProps({ value: value })} />}
    {...getAutocompleteProps({ value: value })}
  />
}
{…getAutocompleteProps({value:value})}
/>

handleChange
函数中,只需立即返回,而不将值设置为state。我有一些选项可以在下拉列表中显示。在“控制柄更改”中,选择选项值。还有一个光标可以让用户输入。@为什么不使用
Select
component?@nearhuscal我看过material UI Select演示,我看到它在一个粘性对话框中显示该选项,当打开该对话框时,它会悬停在下拉菜单上。我想要一些类似的自动完成,如果打开的选项,它应该显示在下面的dropdown@Tales那么你想要什么?