当 options 属性为空时，Mui 自动完成组件显示空列表

Question

<Autocomplete
  id="recordlist"
  freeSolo
  options={[""]}
  renderInput={(params) => (
    <TextField
      sx={{ width: 300 }}
      onChange={this.handleChange}
      {...params}
      label="record"
    />
  )}
/>

使用上述代码自动完成时添加一个空列表不需要的框，如下图所示：

当选项列表为空时，如何删除这个空框？当从服务器接收到选项时，选项列表将被填充。但最初我不想有任何选项并删除这个奇怪的空选项框。

Answer 1

您仍然提供选择权

""

。将其替换为空数组

options={[]}

Answer 2

也许有点晚了，但你可以将其添加到你的CSS中以删除空列表

ul.rz-autocomplete-list:not(:has(> *)) {
    padding: 0;
}