作者
JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”(script language),指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序(比如浏览器)的“脚本”。 JavaScript 只合适嵌入更大型的应用程序环境,去调用宿主环境提供的底层 API。 目前,已经嵌入 JavaScript 的宿主环境有多种,最常见的环境就是浏览器,另外还有服务器环境,也就是 Node 项目。
目录
高亮关键字怎么做的?
落霞与孤鹜齐飞 7月19日 10 1 0 10 1 0

今晚简单写下,高亮关键字是怎么做的

我这里用正则 + dangerouslySetInnerHTML 简单写一下

 const [txt, setTxt] = useState('我们都有一个家,名字叫中国,我们是一个祖国')
 const [oriTxt] = useState('我们都有一个家,名字叫中国,我们是一个祖国')
 const enterKey = e => {
   if( e.keyCode === 13 && e.target.value)  {
        const aftertxt = oriTxt.replace(new RegExp(e.target.value, 'g'),`<span style="background: #abcdef; color: #f00">${e.target.value}</span>`)
    setTxt(aftertxt)}
  }


<Input onKeyDown={enterKey} />
<div dangerouslySetInnerHTML={{__html: txt}}>
</div>

路过的请直接替换jsx标签实现一下
路过的请直接替换jsx标签实现一下
路过的请直接替换jsx标签实现一下
路过的请直接替换jsx标签实现一下
路过的请直接替换jsx标签实现一下

扫码分享到移动端
0 条评论
快来写一写读后感吧~
参与评论互动
登录即可参与评论互动哦