javascript - 在 React js 中将字符串转换为 HTML 代码

Question

我正在从 API 获取描述

description = '<p>Book gor 4 hair cut and get 1 hair cut free validity is ONE year&nbsp;</p>'

现在我尝试在 HTML 中呈现相同的内容

<div>
     {parser.parseFromString(description,"text/html").querySelector('body').innerHTML}
</div>

但它不像 html 那样渲染。 check my fiddle demo 。 预期的输出应该呈现与 html 标签行为相同的效果。

Answer 1

你可以使用dangerouslySetInnerHTML，但它并不是仅仅为了好玩而被称为“危险”......

<div>
    dangerouslySetInnerHTML={{__html:
        parser
            .parseFromString(description,"text/html")
            .querySelector('body')
            .innerHTML
    }}
</div>