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

问题描述 投票:0回答:2

我在使用example的过程中看到了dangerouslySetInnerHTML()

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

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

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

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

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

javascript html reactjs dom
2个回答
0
投票

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

const App = () => {

  ... data fetching

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

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


0
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.