IT技术 - 使用 iframe 在 React 应用程序中渲染 HTML - 吾爱随笔录

我有一个 React 组件，我想将一些静态 HTML 渲染到其中。这是我的 React 组件的一个片段：

class MyComponent extends Component {
    render() {
        return (
            <div>
                <iframe title="static_html" src="static_html_in_react_project.html"></iframe>
            </div>
        );
    }
}

我只有一个基本的 HTML 文件，如下所示：

<html>
    <head>
        <title>HTML</title>
        <script src="http://code.jquery.com/jquery-1.11.3.min.js" type="text/javascript"></script>
    </head>
    <body>
        Do some stuff here
    </body>
</html>

但是，当我使用 React 组件时，它似乎不起作用，因为它只是在iframe. 我已经将静态 HTML 文件放置在public与调用组件相同的目录中，并且它会一遍又一遍地渲染父组件。

任何人都有iframe在同一个 React 项目中渲染静态文件的解决方案吗？