我使用npx create-react-app my-app创建了一个小的React应用程序。我想将此React应用程序添加到我现有网站的特定<div>中。
我的网站:<div id="reactApp"></div>
在React中,我将index.js设置为
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
//document.getElementById('root')
document.getElementById('reactApp')
);
reportWebVitals();然后,我构建应用程序npm run build。它在静态文件夹中生成以下文件(下图)。我需要将所有这些.css和.js文件添加到我的主网站才能正常工作吗?

发布于 2021-02-19 03:38:20
将您的项目my-app转换为web组件,然后将其添加到其他react应用程序(您可以将其添加到任何其他web应用程序)。
有关如何创建web组件的更多详细信息,请单击此处https://blog.bitsrc.io/web-component-why-you-should-stick-to-react-c56d879a30e1
https://stackoverflow.com/questions/66266787
复制相似问题