javascript - 删除自动完成下拉箭头

Question

有没有办法从 material-ui Autocomplete react 组件中删除下拉箭头图标？

这就是我现在的样子，我想摆脱蓝色箭头，而是在我输入时自动下拉文本。

标签： javascriptreactjsautocompletematerial-ui

Answer 1

原生道具freeSolo可以帮到你

<Autocomplete
  id="free-solo-demo"
  freeSolo
  options={top100Films.map((option) => option.title)}
  renderInput={(params) => (
    <TextField {...params} label="Placeholder" margin="normal" variant="outlined" />
  )}
/>