第一次使用React中的dangerouslySetInnerHTML属性

原创 野人  2021-10-27 09:01  阅读 206 次

不,不对,应该说是使用React怎么久了,几乎是没有怎么使用过dangerouslySetInnerHTML属性。

而这个属性,没用到的原因,就是没有需求点,而且官方不建议我们使用该属性,其实是因为该属性是有XSS攻击安全问题的,所以就基本没有用到了。

然而,为什么官方又会去开发这个属性呢,说白了其实还是有需求点,比如常见解析Markdown格式的文档,直接用该属性,是最省事的,又简单,又快速实现了需求。

对了,其实dangerouslySetInnerHTML属性,就是对应js中的innerHTML属性。

废话说了那么多,该说下,在React中怎么使用dangerouslySetInnerHTML属性了,具体方法如下;

<div dangerouslySetInnerHTML={{ __html: '<div>123</div>' }}></div>

是不是,使用方法,也是简单的一逼啊,那,学会了,就赶快用起来吧。

本文地址:https://www.yerenwz.com/4926.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论