在react中显示正确的html内容。内容来自数据库是动态的

Question

我正在构建博客应用程序。我用summernote撰写博客内容。 博客内容像这样存储在数据库中：

<b>hi</b>.....<b>share if you like</b>

但是当我获取并尝试显示博客内容时，它将显示相同的html代码 例如：

<b>hi</b>.....<b>share if you like</b>插入了 hi ..... 如有需要，请分享。

现在如何显示所有样式的博客内容？

表格快照：

HTML输出的快照：

Answer 1

您可以使用dangerouslySetInnerHTML呈现html内容。

<div dangerouslySetInnerHTML={{__html: "<p>your html content</p>"}}></div>