开发者社区 问答 正文

#React 如何在React中使用innerHTML?

#React 如何在React中使用innerHTML?

展开
收起
因为相信,所以看见。 2020-05-07 17:33:42 1421 分享 版权
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
    赞同 展开评论
问答分类:
问答地址: