Реагируйте на материал-автозаполнение пользовательского интерфейса показывает кнопку «Добавить», когда результатов нет

#reactjs #material-ui

Вопрос:

Я пытаюсь найти способ показать кнопку «Добавить», когда результатов нет. Есть ли способ получить событие, когда никаких вариантов не найдено? Я вижу, что есть поддержка noOptionsText, но я, похоже, не могу найти способ сработать, когда нет результатов. Кто-нибудь знает, возможно ли это?

Я использую Material-UI v5-бета и реагирую 17.

Ответ №1:

То, что вы ищете, — это способ freesolo создания Autocomplete . это есть в их документации.

Вот также ссылка на codesandbox.

Комментарии:

1. Спасибо. Кажется, что у вас не может быть кнопки, верно?

2. Важная часть здесь состоит в том, чтобы иметь возможность определить, есть ли какие-либо параметры, соответствующие поиску. Как только вы это узнаете, вы можете, например, добавить логическое значение, которое покажет/скроет кнопку «Добавить». В документации есть пример с флажками. Держу пари, вы также можете добавить кнопку…

3. Документация содержит обновленную версию для MUI 5