如果同一页面上有多个 React 根（数百个），是否会出现性能问题？

Question

我正在构建一个营销页面并使用类似 Wordpress 的 CMS。因此，页面的大部分 DOM 将在服务器端呈现。我们在页面上有一些交互组件，我们想要使用 React 来构建。因此，每个交互式组件都将是其自己的 React 根并使用ReactDOM.render().

如果我有一个/两个实例，这可能没问题。问题是我有几百个。ReactDOM.render()如果我在同一页面上调用数百次，是否会导致性能问题？如果有，是什么类型的问题？启动时间、交互、页面加载时间等？

这种方法还有哪些其他缺点？

我做过和读过的一些研究：

• https://github.com/facebook/react/issues/12700
• 在 DOM 中多次使用 React.render() 可以吗？