从 JSON 正确显示 HTML

Question

我正在使用 editor.js html-parser 将我的数据从 JSON 转换为 html。

 const edjsParser = edjsHTML();
 let html = edjsParser.parse(JSON.parse(objective));
 console.log(html, "html");

工作正常，我的 html 输出现在是：

[
"<img src=\"https://res.cloudinary.com/climact/image/upload/v1647473655/image_7a710834c2.png\" alt=\"Image\" />",
"<h2>Header</h2>",
"<br/>"
]

但是现在，如何在我的 React 页面上显示它？当我尝试使用 {html} 显示它时，它没有呈现为 html 而是呈现为字符串。

Answer 1

要将其插入容器中，例如 div，您可以使用 dangerouslySetInnerHTML:

return <div dangerouslySetInnerHTML={{ __html: html }}></div>;