欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

[React] 在组件中输出html

程序员文章站 2022-07-02 19:13:52
...

React会将所有要显示到DOM的字符串转义,防止XSS。
React提供了dangerouslySetInnerHTML属性,用于避免React转义字符,在确定必要的情况下可以使用它。

<div dangerouslySetInnerHTML={{__html:'<span>hello world</span>'}}></div>

结果:
<div data-reactroot="">
    <span>hello world</span>
</div>

参考

React: dangerouslySetInnerHTML
深入React技术栈 - P11