问在开始时，ReactDOM.render函数的性能有多大？

EN

同时使用多个ReactDOM.render函数对性能可能有多大影响？例如，直到30+ ReactDOM.render调用。

我知道这听起来可能很奇怪。我目前正在开发一个使用单个ReactDOM.render功能的大型web项目。我们提出的最大问题之一是更新到Reactive18，因为这个项目很大，包含了很多遗留代码，所以有很多地方可以使用最新的React版本不支持的遗留方法。我想在多个独立的子应用程序(即.a)上拆分一个SPA。(微前端)，但仍然使用单一部署构建，具有内存缓存，可以在应用程序之间共享，为用户保持SPA体验等。然而，同时也具有在较新版本的React上逐步迁移的能力。

通过重构两个子应用程序，我们已经成功地创建了一个概念的工作证明。目前，每个应用程序的启动看起来都是这样的：

// Subscribe on URL path change.
observer.on('changed', () => {
  if (window.location.path.includes(targetPath)) {
    ReactDOM.render(<App />, elementContainer);
  } else {
    ReactDOM.unmountComponentAtNode(elementContainer);
  }
});

正如你所看到的，除非我们进入特定的路线，否则我们不会立即作出反应。但理想情况下，我更希望应用程序的入口点是这样的：

const AppEntryPoint = () => {
  <Switch>
    <Route path="...">
      <App />
    </Route>
    <Route>{null}</Route>
  </Switch>
};

ReactDOM.render(<AppEntryPoint />, elementContainer);

问题是:在像这样的30+入口点的启动阶段，情况会有多糟？还有其他我没有注意到的严重问题吗？