React Material-UI Autocomplete настраивает текст `no options`

Question

Я смотрю на этот пример автозаполнения, предоставленный MaterialUI

https://codesandbox.io/s/81qc1

Мне было интересно, как я могу отобразить сообщение "Опции не найдены" если результатов не найдено.

Answer 1

Использовать реквизиты noOptionsText из автозаполнения Документ API

Текст, отображаемый при отсутствии параметров. В целях локализации вы можете использовать предоставленные переводы.

import Autocomplete from '@material-ui/lab/Autocomplete';

<Autocomplete
  id="combo-box-demo"
  options={top100Films}
  noOptionsText={'Your Customized No Options Text'}
  ...
/>

Answer 2

Я бы порекомендовал вам проверить эту ссылку для быстрой и простой реализации автозаполнения. Но если вы хотите создать свой собственный компонент автозаполнения с помощью проверки автоматического заполнения , это