社区
JavaScript
帖子详情
js react 无标签字符串替换为有标签的
weixin_44041347
2019-03-04 04:21:44
比如字符串为“123456”,然后我想将其中的1变为红色,所以我想给1用<span>标签包一下,或者还有其他的什么好办法也可以的
...全文
319
2
打赏
收藏
js react 无标签字符串替换为有标签的
比如字符串为“123456”,然后我想将其中的1变为红色,所以我想给1用标签包一下,或者还有其他的什么好办法也可以的
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
weixin_44041347
2019-03-06
打赏
举报
回复
是这样的,我有两个字符串,进行对比,比如第一个字符串为“1356”,第二个为“2346”,然后进行对比,不同的就是第一位和第三位,然后我想实现的就是只有这位颜色变为红色
似梦飞花
2019-03-05
打赏
举报
回复
:first-letter{ color:red; }
React
替换字符串里面span的里的某些内容
1.使用replace替换字符串的某些内容,使用的是正则+ replace, 2. 前提是替换字符串里面的某些
标签
,也可以是多个
标签
,这个是在
react
里面的,自己可以参考然后可以动态替换成其他
标签
,例如li,ul都是可以的 3.字符串可以替换单个也可以替换多个的 4. 原先的想法是获取到字符串里面
标签
的内容再精选替换,后面发现这个方式更加麻烦,因为不是直接document.getElemengByTagName这样就可以拿到
标签
里面的值 5.保证有效
react
-string-replace:一种使用
React
组件安全地进行
字符串替换
的简单方法
React
字符串替换
一种使用
React
组件安全地进行
字符串替换
的简单方法 又名将字符串转换为
React
组件的数组 安装 $ npm install --save
react
-string-replace 用法 简单的例子 const
react
StringReplace = require ( '
react
-string-replace' )
react
StringReplace ( 'whats your name' , 'your' , ( match , i ) => ( < span> { match } < / span > ) ) ; // => [ 'whats ',
your
, ' name' ] 更现实的例子 通过在跨度
标签
中将字符串中的所有数字突出显示,以突出显示它们:
react
StringReplace ( 'Apt 111,
react
-formatted-string:一种用
React
组件替换字符串的简单安全的方法
React
格式的字符串 使用
React
组件进行
字符串替换
的安全简便方法。 安装 npm install
react
-formatted-string 用法 单次更换 import formattedString from "
react
-formatted-string" ; const App = ( ) => { const siteLink = formattedString ( "Check out my {0}" , < a xss=removed> website. < / a > ) ; return ( < main> < h1> Hello World! < / h1 > < p> { siteLink } < / p > < / main > ) ; /**
react
-html-parser:直接将HTML字符串转换为
React
组件,并提供一种简单的方法来修改和替换内容
React
HTML解析器 用于将HTML字符串转换为组件的实用程序。 将标准HTML元素,属性和内联样式转换为它们的
React
等效项,并提供一种修改和替换内容的简单方法。 安装 npm install
react
-html-parser # or yarn add
react
-html-parser 用法 import
React
from '
react
' ; import
React
HtmlParser , { processNodes , convertNodeToElement , htmlparser2 } from '
react
-html-parser' ; class HtmlCo
react
-render-html:将HTML渲染为
React
元素,可能会替换掉危险的SetInnerHTML
react
-render-html 将HTML渲染为
React
元素,可能会危险地替换SetInnerHTML 弃用 该库不再维护。 请改用其他库。 怎么运行的 它将提供HTML字符串呈现到
React
元素中。 import renderHTML from '
react
-render-html' ; renderHTML ( "
GitHub
" ) // =>
React
Element //
GitHub
它可以在
React
组件的render方法中使用: let App =
React
. createClass ( { render ( ) {
JavaScript
87,901
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章