Пользовательское управление автозаполнением в реакциях

Question

Я хотел бы создать управление автозаполнением, показанное ниже в изображении. В основном это автозаполнение с двумя разделами, статическое, а другое - динамическое. Динамический раздел загружает данные из вызова ajax. Я хотел бы знать, предоставляет ли какой-либо доступный контроль автозаполнения эту функциональность. Если нет, тогда я должен создать свой собственный пользовательский элемент управления. Поэтому я хотел бы знать любой хороший пример или многоразовый код, который я могу использовать для реализации этого элемента управления.

Answer 1

Я хотел бы рекомендовать эту зависимость: react-select. Я использовал его в нескольких проектах, и он предлагает вам легкую настройку стиля и легкую настройку кода React, предоставляя вам возможность добавлять свои пользовательские компоненты.

Если вы посмотрите на это example, вы можете получить базовый обзор о том, как применить свой пользовательский компонент для реакции-выбора.

Вам нужно будет создать свой пользовательский компонент, который будет выглядеть как ваш образ, но реакция-select позаботится о других вещах для вас и предложит вам легкую настройку.