为什么渲染列表最初反应缓慢？

Question

我有一个我要渲染的约200个项目的列表。由于它只有200个项目（一个表中大约200行，每个都包含一个短文本短语），我认为在客户端这样做很快。我使用骨干集合并将反应表组件绑定到它。但不知何故，在整个表加载之前至少需要几秒钟。

您可以通过运行https://github.com/tastejs/todomvc/tree/gh-pages/examples/react-backbone来尝试自己（当您在表中填充200个项目，然后刷新页面时，这200行需要几秒钟才能初始渲染）。我意识到ENTIRE表的render方法被调用了200个项目，并且因为每个表的渲染意味着该行也被重新渲染，所以我们得到了疯狂的渲染调用数。为什么对于每个额外的行，即使我通过collection.fetch（）在骨干中同时拉这些行，也会调用表的整个render方法？如果我不想渲染服务器端，如何加快速度？

Answer 1

经过更多的调查，我意识到骨干取了一个集合，它一次填充一个模型。每次填充模型时，都会调用渲染，这会减慢进程的速度。我通过仅在成功获取整个集合时呈现组件来解决它。