React：如何在变量中渲染源代码？

Question

我在数据库中存储了一些html源代码，它是这样的代码块：

<div class="content"><h1>Page 1</h1></div>

现在，在反应中，我将它们放入变量（ {this.state.content} ）中，但是当我尝试呈现它们时，源代码显示为字符串。 这是我的用法：

<div>
    {this.state.content}
</div>

在页面上，它仅直接显示源代码。 如何使它们呈现为html源代码而不是字符串？

Answer 1

实际上，您正在尝试设置原始HTML。 尝试这个。

<div dangerouslySetInnerHTML={{__html: this.state.content}}></div>

这个问题的重复