时间戳

首页 > 解决方案 > 在 React 中将获取的数据转换为 HTML

reactjs - 在 React 中将获取的数据转换为 HTML

问题描述

我正在获取数据，我获取的数据之一看起来像这样

<p><strong>This is my first content and it is supposed to represent my index.</strong></p>

这是服务器上的所见即所得输出，当我试图将其带到我的屏幕时，我得到了它的原样。

在此处输入图像描述

请告诉我如何将这些数据作为 html 导入我的页面。

标签： reactjswysiwyg

解决方案

危险地设置InnerHTML

从文档这里是一个例子

function createMarkup() {
  return {__html: 'First &middot; Second'};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}

顾名思义，如果您没有正确审查 html，这很危险。

有关这方面的详细信息，请阅读此处的文档

推荐阅读