利用div属性dangerousSetInnerHTML,实现将接口返回标签元素嵌入到div中,或解决‘\n’不换行问题

接口返回内容如下时可以使用:

1 如果返回的数据中有\n 进行处理,用<br/>替换

eg:const info = 'React\n Vue\n Angular';

const replaceInfo = info.replace(/\\n/g, '<br/>);

2 在JSX中,配合dangerousSetInnerHTML实现换行,设置css属性:white-space:pre-wrap

<div style={{whiteSpace: 'pre-wrap'}} dangerousSetInnerHTML={{__html: replaceInfo}}>

posted @   天官赐福·  阅读(743)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
返回顶端
点击右上角即可分享
微信分享提示