乐趣区

关于前端:React工作记录五如何处理数据格式字符串让它加上标签

前言

 我是歌谣 我有个兄弟 巅峰的时候排名 c 站总榜 19 叫前端小歌谣 已经我花了三年的工夫创作了他 当初我要用五年的工夫超过他 明天又是靠近兄弟的一天人生不免崎岖 大不了从头再来 歌谣的意志是永恒的 放弃很容易 然而保持肯定很酷

需要

 明天咱们公司领导找我 说这边有个需要须要你做一下 就是一个 ant design table 得 table 栏外面返回了一些数据格式


首先咱们来看看数据格式

每一个人或动植物,\r\n 都是由阴阳两种能量组合而成。

\r\n 男人身上有 51% 是阳性能量

,\r\n 有 49% 是阴性能量,\r\n 女人身上有 51% 的阴性能量,\r\n 有 49% 的阳性能量。\

r\n 每个人简直都有一半的能量在沉睡,

\r\n 因而会不停寻找另外那一半,\r\

解决思路

title: ‘ 语录内容 ’,

align: ‘center’,

dataIndex: ‘content’,

render:(text)=>{

return <p dangerouslySetInnerHTML

={{__html: text.replace(/\n/g,”<br/>”) }}></p>

}

总结

 要点 1 replace 用的正则匹配实现得

要点 2 dangerouslySetInnerHTML 解析字符串 转换

运行后果

【React 工作记录五】如何解决数据格式字符串让它加上标签_react.js

 换行实现


【React 工作记录五】如何解决数据格式字符串让它加上标签
https://blog.51cto.com/u_1447…

退出移动版