reactjs - react : Raw HTML tag in content

Question

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

比如说:

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

我想在页面上这样显示一些文本在这里

如果我使用 dangerousHtml 那么它会像这样显示而没有粗体“Some text here”

有人可以帮忙吗？

提前致谢!

Answer 1

您可以像这样使用“dangerouslySetInnerHTML”:

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

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

<div dangerouslySetInnerHTML={createMarkup()} />

有关“dangerouslySetInnerHTML”的引用，请阅读:

dangerouslySetInnerHTML