autoComplete=true 对 MUI 的自动完成没有影响

Question

    <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

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

怎么了？如何解决？

Answer 1

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

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

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

autoComplete=true 对 MUI 的自动完成没有影响

autoComplete=true has no effect on Autocomplete of MUI

javascript

reactjs

autocomplete

material-ui