Javascript 在react js中突出显示文本的textarea组件

我正在寻找一些好的实践例子来改变react js中文本区域中文本的颜色

---

我看到了一些在textarea顶部添加div的例子，但是如何以反应的方式做到这一点

要更改文本的颜色，我们需要添加html和css。我们不能在textarea中添加它，因为textarea只包含文本，但不包含html元素

因此，对于您的用例，您要做的是使用一个具有contenteditable而不是textarea的div来输入文本。像这样

<div contentEditable></div>

---

您只是想在textarea中设置文本的文本颜色吗？或者你想动态地改变它？@shmili:dynamically基于你想要什么样式的颜色？我有200个单词，每个文本条目都在新行中，就像在textarea中验证文本一样，如果出现任何验证错误，我想在textarea中为文本添加颜色如何在某些操作上添加p标记？我想改变文本颜色的话n个字，例如10个字的内容可编辑有太多的处理需要。例如，在从excel粘贴时，您将光标放在字符串的底部等。我们是否可以在文本区域上执行此操作，以避免额外的处理？如果您再次检查我的答案，我已经指定不能在文本区域中为文本着色。唯一的方法是使用html contenteditable。检查这个类似的答案-，他说的是相同的。作为参考，你可以检查这个-。我在某种程度上玩弄文本编辑器。我将尝试使用contenteditable并在此处进行评论。

const [state, setState] = useState('');

render (
  <div contentEditable>{state}</div>
);