Удалить стрелку раскрывающегося списка автозаполнения

Question

Есть ли способ удалить значок стрелки раскрывающегося списка из компонента реакции автозаполнения material-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" />
  )}
/>

введите описание изображения здесь

Answer 2

Вы можете использовать опору IconComponent из документации Select API

Попробуйте сделать что-то вроде этого:

<Select IconComponent={undefined} ... />