如何在react中渲染原始的html文档

如何在react中渲染原始的html文档,第1张

很多时候我们需要在react中渲染原始的html文档,但是原始html文档本身和react结构存在差异,直接插入会被解析成字符串;

所以可以用react的属性dangerouslySetInnerHTML来动态渲染html文档,格式如下:

还可以直接这样渲染:

<div dangerouslySetInnerHTML={{__html: "<strong>Welcome to React</strong>"}} />

在 jsx 中 渲染 html 元素

在上半部分标签中使用 dangerouslySetInnerHTML={{ __html: this.state.属性名 }}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7577971.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-07
下一篇 2023-04-07

发表评论

登录后才能评论

评论列表(0条)

保存