react怎么渲染html标签(2)-木庄网络博客

2022-02-27 18:23:17 PHP中文网 JavaScript 百度已收录

如果从后端获取到一端HTML标签的字符串内容(textContent)需要以标签的形式渲染，那么我们可以使用 dangerousSetInnerHTML这个属性，但是使用这个属性之后就会存在xss攻击的风险：

1	`<div` `dangerousSetInnerHTML={{__html: textCotent}}></div>`

其他方式推荐：

function createMarkup() {
  return {__html: 'First &nbsp;&nbsp;&nbsp; Second'};
}
 
function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()}></div>;
}

相关阅读 >>

React 生命周期函数有哪些

动画工具dragonbones的常用术语和使用方法介绍（图）

html中ul标签如何去掉点？html无序列表的样式实例解析

html中自定义菜单随着滚动条滑动的代码实现

更多相关阅读请进入《React》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » react怎么渲染html标签

react怎么渲染html标签

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论