react 引入html文件_react项目通过iframe方式引入html页面

在 React 项目中，可以使用 `<iframe>` 标签来引入外部 HTML 文件。以下是一个简单的示例：

import React from "react";

function ExternalHTML() {
  return (
    <iframe
      src="https://example.com/external.html"
      width="100%"
      height="500px"
    />
  );
}

export default ExternalHTML;

在上面的代码中，我们创建了一个简单的 `ExternalHTML` 组件，其中包含一个 `<iframe>` 标签。我们将 `src` 属性设置为外部 HTML 文件的 URL，并设置宽度和高度以适应页面布局。

请注意，使用 `<iframe>` 标签引入外部 HTML 文件可能会导致安全问题，例如跨站点脚本攻击（XSS）。如果你要引入外部 HTML 文件，请确保它来自受信任的来源，并在可能的情况下使用其他安全措施（例如 CSP）来保护你的应用程序。