Javascript 长时间白屏加载反应元件

目前，我正在检查一个使用reactJS作为ReactDom库的代码。这将使用HTML模板并将组件呈现为js文件，如下所示：

//...
ReactDOM.render(<Component1 />, container1)
ReactDOM.render(<Component2 />, container2)
//...
ReactDOM.render(<ComponentN />, containerN)

/。。。
ReactDOM.render（，container1）
ReactDOM.render（，container2）
//...
ReactDOM.render（，containerN）

同时呈现整个内容，因为每个组件都需要api调用，所以至少会有2到3秒的白屏

我想有一些原因：

• 关键路径将暂停，直到整个JS被执行，并等待更新DOM内容。所以我可能只需要使用异步模式拆分js和加载（但我也不想请求太多js文件）。目前，有人试图将所有ReactDom.Render调用放入类似于任务的数组中，并使用异步库同时运行每个调用，但没有成功（延迟未删除）
• 组件使用其他需要完成其自身加载过程的内部组件。在这种情况下，我想我需要延迟加载，但由于我使用的是react类库，所以我不确定如何实现。每个组件都使用redux.connect连接其他无状态组件，最后一个组件有时使用另一个使用道具调用redux操作（API请求）的组件

---

您是否使用redux开发工具作为中间件？@Pavel，您能否提供更多信息，例如，您的root

index.js

文件。您是否使用Promises？您是否使用redux开发工具作为中间件？@Pavel，您能否提供更多信息，例如，您的root

index.js

文件。你在使用承诺吗？