从另一个文件夹将 React 应用程序添加到 static HTML 页面

Question

I created a react app with multiple components as part of something bigger and I want to display that react app in a HTML page.我创建了一个包含多个组件的反应应用程序作为更大的一部分，我想在 HTML 页面中显示该反应应用程序。 I saw other posts but they had everything in a script file with the component in the script tag itself.我看到了其他帖子，但他们将所有内容都包含在脚本文件中，并且脚本标签本身中的组件。 I have a fully functioning chat app in another folder and I wanted to render that in the HTML file.我在另一个文件夹中有一个功能齐全的聊天应用程序，我想在 HTML 文件中呈现它。


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="html_container">

    </div>


    <script src="./reactApp/src/App.js">
        <!-- add some magic here to have the app from the folder show up here -->
        ReactDOM.render(
            <App />,
            document.getElementById('html_container')
        );
    </script>
</body>
</html>

Answer 1

You could use an iframe to render the react app inside the page, with the src linking to your react app.您可以使用 iframe 在页面内呈现反应应用程序，并将src链接到您的反应应用程序。

从另一个文件夹将 React 应用程序添加到 static HTML 页面

问题描述

1 个解决方案

解决方案1
0 2022-08-17 01:45:21

从另一个文件夹将 React 应用程序添加到 static HTML 页面

问题描述

1 个解决方案

解决方案1 0 2022-08-17 01:45:21

解决方案1
0 2022-08-17 01:45:21