Текстовое поле автоматически предлагает имя пользователя с реагировать на выбор

Question

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

Эта функция будет запускаться, когда '@'набранный в начале слова или сам по себе, затем будут показаны раскрывающиеся опции выбора (аналогично предложению имени пользователя в Facebook и github для текстовых полей).Несмотря на то, что отображаются параметры, пользователь все равно сможет печатать, но с помощью клавиш со стрелками они могут выбрать параметр.Эта опция затем заменит слово на его значение с префиксом «@» и постфиксом с пустым пробелом.

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

желаемый результат

Answer 1

Я не думаю, что react-select - правильный плагин, который вы должны использовать, учитывая примеры, которые вы упомянули. Может быть, вам стоит взглянуть на такую ​​библиотеку, как act-textarea-autocomplete (вы можете попробовать живой пример здесь ).