在bundle.js中调用多个reactDom.render

Question

昨天我遇到一个问题，你可以阅读here并且它有关系。我认为更改我的目录名称会弄​​乱我的反应组件，但我想我已经找到了问题。

我正在使用node / express / react构建一个Web应用程序，我正在渲染反应服务器端并创建一个bundle.js文件以使用客户端。我有多个反应组件，我在页面上呈现，但他们不是全部在同一个应用程序中。基本上我有几个迷你反应应用程序＆＃39;所以每组功能都有自己的ReactDom.Render调用。

例如，我在顶部有一个用于添加新项目的表单，它有自己的渲染，我有一个下面的项目列表，它有自己的渲染调用。这两个迷你组件都绑定到不同的div。

<div id='the-form'><%-form%></div>
<div id='the-list'><%-list%></div>

然而，看起来bundle.js中首先出现的组件是其渲染调用正在工作的组件，其他组件最初是从服务器端渲染渲染的，但后来没有更新因为组件没有重新渲染/更新。

有没有办法保持我的方法，但有这些工作吗？

Answer 1

删除window.onLoad，然后单独使用ReactDOM.render。