突出显示输入文本区域内的单词

Highlight words inside of input textarea

我需要创建一个输入文本区域来识别 this.state 中单词数组中的单词，并在用户键入文本时突出显示这些单词：

预期结果：

单词数组：

输入文本区域：

带数组的代码

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

遗憾的是，您无法动态更改文本区域输入的样式。

但是，一种可能的解决方法是在文本区域下方显示用户正在书写的文本。这样，文本将随着用户书写而动态变化，您可以为该单词数组应用特定的样式。 您甚至可以将文本区域设置为不显示文本，这样用户只能在下方看到具有正确功能的输入。