将侧面React应用作为组件添加到另一个React应用中

Question

我已经使用“ create-react-app”创建了一个React应用程序

而不是将组件安装到进入文件“ index.tsx”中的dom上，我希望能够将我的应用程序侧面加载到另一个react应用程序中，然后将其安装在其中。

如果有可能以某种方式在我的入口文件中公开一个功能，我想我能够做到这一点。

我尝试将我的应用程序导出为组件，并尝试将其导入index.html并将其安装在其中，但是当项目中包含已编译的js文件时，我无法在dom树中找到它

入口文件“ index.tsx”

import React from 'react';
import ReactDOM from 'react-dom';
import './styles/index.scss';
import App from './containers/App';
import * as serviceWorker from './services/functions/serviceWorker';
import { MuiThemeProvider,createMuiTheme } from "@material-ui/core/styles";
import blogicMuiTheme from "./styles/blogicMuiTheme";

export default function mountApp(domElementId: string) {
ReactDOM.render(
    <MuiThemeProvider theme={createMuiTheme(blogicMuiTheme)}>
        <App />
    </MuiThemeProvider>, document.getElementById(domElementId));
}

例如在编译应用程序后调用mountApp（'root）函数时。 index.html包含已编译的js文件的地方

我希望它可以将其安装到ID为'root'的div盒中