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

Question

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

预期结果：

单词数组：

输入文本区域：

带有数组的代码

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

Answer 1

不幸的是，您不能动态更改文本区域输入的样式。

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