react渲染html标签的方法:可以使用dangerousSetInnerHTML属性来进行渲染,如【<div dangerousSetInnerHTML={{__html: textCotent}}></div>】。

本教程操作环境:windows10系统、react16版,该方法适用于所有品牌电脑。
(学习视频分享:react视频教程)
方法介绍:
如果从后端获取到一端HTML标签的字符串内容(textContent)需要以标签的形式渲染,那么我们可以使用 dangerousSetInnerHTML这个属性,但是使用这个属性之后就会存在xss攻击的风险:
立即学习“前端免费学习笔记(深入)”;
<div dangerousSetInnerHTML={{__html: textCotent}}></div>其他方式推荐:
function createMarkup() {
return {__html: 'First Second'};
}
function MyComponent() {
return <div dangerouslySetInnerHTML={createMarkup()}></div>;
}相关推荐:js教程
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号