美文网首页Front End
[React] 在组件中输出html

[React] 在组件中输出html

作者: 何幻 | 来源:发表于2016-12-21 11:43 被阅读368次

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

相关文章

网友评论

    本文标题:[React] 在组件中输出html

    本文链接:https://www.haomeiwen.com/subject/ditqvttx.html