react native中,我想把字符串中某个关键字替换成红色,应该怎么做呢?

Question

原先的思路是利用repace把关键字替换,然后在两端加上<Text>上色.但是发现replace之后<Text>被识别为字符串了.

问一下要实现标题所述的效果应该用什么办法呢?

  _replaceSeachWordToRed=(index,text)=>{
    let str = this.state.searchWord;
    let reg = new RegExp(str, "g");
    let redStr=()=>{return(<Text style={{color:"red"}}>str</Text>)};
    let replacedStr=text.replace(reg, redStr);
    return <Text style={[styles.contentFace]}>{index+1}. {replacedStr}</Text>;
  };

Answer 1

replace方法返回的内容必定为字符串