rn开发中常遇到需求是字符串中提取关键字，将其标注成其他颜色或放大等改变其样式，最近恰好遇到此需求，实现方法如下
我遇到的需求示例：
“@周杰伦 你要注意这段歌词，@王力宏@方大同，你俩注意这段旋律”
上面这段字符串中@的人标蓝色；
const content = '@周杰伦 你要注意这段歌词，@王力宏@方大同，你俩注意这段旋律';
const remindUsrs = [
{name:'周杰伦',code:'1'},
{name:'王力宏',code:'2'},
{name:'方大同',code:'3'}
];
//@人员列表存在，则将content根据@人员列表分裂成数组
let contentArr;
if(remindUser && remindUser.length){
remindUser.forEach(({name})=>{
content = content.replace(`@${name}`,`<^replace$>@${name}<^replace$>`);
});
contentArr = content.split('<^replace$>');
}
render(){
return(
<Text>
{
contentArr ?
contentArr.map((item,index)=>{
//remindUser列表中的标记蓝色
if(remindUser.some(user=>`@${user.name}`===item)){
return <Text key={'text'+index} style={{color:'blue'}}>{item}</Text>
}
//item可能为空字符串，不会展示，无妨碍
return <Text key={'text'+index}>{item}</Text>
})
:content
}
</Text>
)
}
