反应渲染html标签的示例

这篇文章将为大家详细讲解有关反应渲染html标签的示例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

反应渲染html标签的方法:可以使用dangerousSetInnerHTML属性来进行渲染,如【& lt; div dangerousSetInnerHTML={{__html: textCotent}}祝辞& lt;/div>】。

方法介绍:

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

& lt; div  dangerousSetInnerHTML={{__html: textCotent}}祝辞& lt;/div>

其他方式推荐:

function  createMarkup (), { 　　return 才能{__html: & # 39; First ,,,,,,,第二个# 39;}; 　　} 　　 　　MyComponent function 添加(),{ 　　return 才能;& lt; div  dangerouslySetInnerHTML={createMarkup()}祝辞& lt;/div>; 　　}

关于反应渲染html标签的示例就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

反应渲染html标签的示例