Javascript 反应本机文本为不同的字母/字符输入不同的背景色？

我知道我可以为TextInput设置背景，但我想更改TextInput部分的背景色以突出显示某些字母

我不知道这是否可能（这里是React本地新手）

我正在创建一个字段，用户必须在其中键入完全匹配的文本。我想让正确的字母以绿色突出显示，然后通过改变背景颜色以红色突出显示错误的字母

如果TextInput不允许多种背景色，我想我可以试试。我想用一个TextInput作为输入，然后在每次按键时更新UI的其他部分，使每个新字符成为一个新的文本组件，可以将其背景颜色设置为红色/绿色。

---

有什么想法吗？

你可以这样做：

CText = (props) => <Text style={{backgroungColor: props.backgroungColor}}>{props.children}</Text>

返回

<Text>I am <CText backgroungColor={'red'}>Blue color</CText> and <CText backgroungColor={'blue'}>Blue color</CText></Text>

我是蓝色和蓝色的

<Text>I am <CText backgroungColor={'red'}>Blue color</CText> and <CText backgroungColor={'blue'}>Blue color</CText></Text>