Выделите слова внутри ввода textarea

Question

Мне нужно создать текстовую область ввода, которая распознает слова из массива слов в this.state и выделяет слова, пока пользователь вводит текст:

ожидаемые результаты:

массив слов:

текстовое поле ввода:

код с массивом

const arrOfWords = ["disposition", "distress", "vex", "governess", 'intimacy', 'footing', 'unreserve', 'intellectual', 'solitude']

Answer 1

К сожалению, вы не можете динамически изменять стиль ввода текстовой области.

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