并行加载React组件？

Question

有没有一种结构化代码的方式，以便组件可以并行或异步加载？

目前，我的结构是：

<Stream> 
 {listOfArticles }
</Stream>

{listOfArticles}创建一个文章数组，并且每个文章都设置为从Embedly Card API加载，因此“网络”标签显示的交错线性加载时间长达25秒，耗时10秒。

谢谢！

Answer 1

通常，将数据保持在React状态是不理想的（您通常只希望React状态跟踪UI状态，而不是数据模型）。 您应该将数据隔离在模型或存储中，并使用操作或事件通过api加载数据（请参阅Flux ）

但是要回答您的问题，您可以使用诸如react-async之类的方法来创建异步组件