文章来源于网络收集而来，版权归原创者所有，如有侵权请及时联系！

在 React 中如何使用 innerHTML？

发布于 2024-08-09 20:39:58 字数 500 浏览 0 评论 0 收藏 0

dangerouslySetInnerHTML 属性是 React 用来替代在浏览器 DOM 中使用 innerHTML 。与 innerHTML 一样，考虑到跨站脚本攻击（XSS），使用此属性也是有风险的。使用时，你只需传递以 __html 作为键，而 HTML 文本作为对应值的对象。

在本示例中 MyComponent 组件使用 dangerouslySetInnerHTML 属性来设置 HTML 标记：

function createMarkup() {
return { __html: 'First &middot; Second' }
}

function MyComponent() {
return <div dangerouslySetInnerHTML={createMarkup()} />
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

列表为空，暂无数据

在 React 中如何使用 innerHTML？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。