如何从数据库中的字符串呈现 html

Question

我想创建一个博客，这个博客是为了记录我学习成为软件engineer/web开发者的心路历程。我有一个单独的离线博客上传器，我将在其中创建标题和内容并将其上传到具有两个输入的数据库。

1.title

2.post_text

。但是我希望我的博客文章能够呈现自定义 html 例如数据库的输出是 title: Test, post_text:<h1>This is a test!</h1>

但是我不知道如何渲染这个 HTML。我尝试使用 createElement() 和。然后将其添加到 DOM 但这不起作用第一步是在迷你卡片的 'all posts' 部分显示它。接下来将创建将呈现此详细信息的页面。

我正在为博客使用 React.js。谁能link给我一些帮助，或者谁能提出我可以解决这个问题的任何想法

Answer 1

React 有 dangerouslySetInnerHTML 正是为此。如果您收到 HTML 并且希望将其呈现为 HTML （而不是字符串）：

<div dangerouslySetInnerHTML={{ __html: post_text }} />

您应该确保您的 HTML 来自可信来源 - 在您的情况下，CMS 应该没问题。