一共三行就搞定?。。?/p>
let {searValue}=this.state;
var reg =new RegExp(searValue,'g');
<RichText nodes={todo.name.replace(reg, "<span style='color:red'>" + searValue +"</span>")}/>
解释一下:
第一句话,是搜索框里的输入的那个关键词
第二句话是,正则表达式,匹配全局关键词
第三句话是,用富文本组件RichText? ? 来 显示搜索结果,把搜索结果中的关键词替换成 加了高亮颜色的html标签!?。?/p>
是不是很简单???