使用dragonallySetInnerHTML在React中插入完整的HTML

时间:2019-12-20 08:52:36

标签: javascript html reactjs dom

我已经看到example的用法dangerouslySetInnerHTML()

在div内,我们放置了一些标签(在当前示例中为anchor-tag),但是我需要插入完整的HTML。

以下是我通过API获得的响应;

<HTML>
<HEAD>
<BODY>
....
</BODY>
</HEAD>
</HTML>

我已经有了React Component,并创建了相应的HTML元素,但是单击按钮后,我将收到上面的HTML响应,其中将包含完整的HTML标签,即HTML标签,正文标签等(正在绘制某种图形)。 / p>

因此,我需要在现有的HTML中插入新的HTML响应。

2 个答案:

答案 0 :(得分:0)

您可以使用iframe显示文档。因此,例如,如果要在App组件中获取数据,则可以这样:

const App = () => {

  ... data fetching

  return (
    <iframe src={data} />
  );
}

其中data变量是您从API端点获取的数据。

答案 1 :(得分:0)

我已经使用“ dangerouslySetInnerHTML”解决了该问题。我面临的问题是我也有