反应：内容中的原始 HTML 标签

Question

我正在开发一个 React 应用程序。有一些包含 HTML 标签的动态内容。当我在页面上显示该内容时，它显示的是原始 HTML 标记。

比如说：

const msg = "Some <strong>text</strong> here"

我想说明这样的页面上的一些文字在这里

如果我使用，dangerousHtml那么它会像这样显示，没有粗体“这里有一些文字”

有人可以帮忙吗？

提前致谢！

Answer 1

您可以使用“dangerouslySetInnerHTML”，例如：

const msg = () => ({__html: 'Some <strong>text</strong> here'});

并在您的代码中使用它，例如：

<div dangerouslySetInnerHTML={createMarkup()} />

有关“dangerouslySetInnerHTML”的参考，请阅读以下内容：

危险地SetInnerHTML