开发者社区> 问答> 正文

#React 如何在React中使用innerHTML?

#React 如何在React中使用innerHTML?

展开
收起
因为相信,所以看见。 2020-05-07 17:33:42 1394 0
1 条回答
写回答
取消 提交回答
  • 阿里,我所有的向往

    该dangerouslySetInnerHTML属性是React innerHTML在浏览器DOM中使用的替代。就像一样innerHTML,考虑跨站点脚本(XSS)攻击时使用此属性也很冒险。您只需要传递一个__html对象作为键,并传递HTML文本作为值。

    在此示例中,MyComponent使用dangerouslySetInnerHTML属性设置HTML标记:

    function createMarkup() {
      return { __html: 'First · Second' }
    }
    
    function MyComponent() {
      return <div dangerouslySetInnerHTML={createMarkup()} />
    }
    
    2020-05-07 17:34:25
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
23-Vue.js在前端...1506518547.pdf 立即下载
React Native项目实战优化之路 立即下载