Как выполнить поиск с использованием материала автозаполнения?

Question

Я ищу альтернативу для material-ui-search-bar, поскольку она не поддерживается. Мне порекомендовали использовать автозаполнение материала. Однако в примерах, которые я видел, я могу видеть только текстовые поля, такие как структуры, где мы можем печатать. Кроме того, при вводе текста появляется крестик.

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

Код Песочница:

https://codesandbox.io/s/d07uv?file= / demo. js

Answer 1

Да, конечно, это возможно. Как вы упомянули, я добавил обработчик событий для вашего первого текстового поля. Для этого я использую кнопку поиска. По завершении поиска и выбора фильма вы можете нажать кнопку поиска. Затем вызывается обработчик событий, и вы можете увидеть название выбранного фильма и его индекс в функции обработки событий (посмотрите на консоль). Надеюсь, что это поможет:)

Вот ссылка песочницы: https://codesandbox.io/s/a125-material-ui-search-fhgd6