autoComplete=true 对 MUI 的 Autocomplete 没有影响

【问题标题】：autoComplete=true has no effect on Autocomplete of MUIautoComplete=true 对 MUI 的 Autocomplete 没有影响
【发布时间】：2022-01-06 18:55:00
【问题描述】：

    <Autocomplete
      disablePortal
      autoComplete={true} // set to true
      id="combo-box-demo"
      options={top100Films}
      sx={{ width: 300 }}
      renderInput={(params) => <TextField {...params} label="Movie" />}
    />

可运行示例：

https://codesandbox.io/s/h1sr5?file=/demo.js:185-407

没有效果。它不会自动完成输入的单词。

怎么了？如何解决？

【问题讨论】：

标签： javascript reactjs autocomplete material-ui

【解决方案1】：

autoComplete={true} 确实有效（注意：您的示例没有包含它，但我认为这不是故意的），只是不是您期望的方式（可能在这一点上可以改进 MUI 文档）。

使用autoComplete={true}，在浏览建议列表时（使用向下箭头键），所选项目会被预填充到文本框中：

使用autoComplete={false}，您需要在输入文本之前按 Enter。

【讨论】：