Javascript 如何将外部html文件导入React应用程序？
我有一个项目正在开发中。我需要使用外部登录页作为主页。因此，我需要导入landings index.html，但它有自己的带有css和js的文件夹（主要是Jquery代码） 我想将它作为Javascript 如何将外部html文件导入React应用程序？,javascript,reactjs,Javascript,Reactjs,我有一个项目正在开发中。我需要使用外部登录页作为主页。因此，我需要导入landings index.html，但它有自己的带有css和js的文件夹（主要是Jquery代码） 我想将它作为导入到我的项目中，但我的应用程序似乎没有加载htmls 导入使用自己的jquery代码进行响应的html文件的最佳方法是什么？这有点棘手，可能还有其他方法（也许更好）来实现相同的结果。此外，我将考虑将多个库加载到现有的反应应用程序中的性能影响。p> 有了这个谦逊的免责声明，一种方法是使用标记将jQuery直接包含
导入使用自己的jquery代码进行响应的html文件的最佳方法是什么？这有点棘手，可能还有其他方法（也许更好）来实现相同的结果。此外，我将考虑将多个库加载到现有的反应应用程序中的性能影响。p> 有了这个谦逊的免责声明，一种方法是使用
index.html$<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</body>
</html>
工作示例。这有点棘手，可能还有其他方法（也许更好）来实现相同的结果。此外，我将考虑将多个库加载到现有的反应应用程序中的性能影响。p> 有了这个谦逊的免责声明，一种方法是使用
index.html$<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</body>
</html>