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

当使用上面的代码Autocomplete添加一个空的列表框不需要如下图所示：

当选项列表为空时，我如何删除此空框？选项列表稍后在从服务器接收到选项时被填充。但最初我不希望有任何选项，并删除此奇怪的空选项框。