history.push添加新记录时重新加载页面的速度很慢

Question

我对响应和还原感到很陌生，所以这可能是一个愚蠢的问题，但是无论如何我都会问，因为它使我发疯，我想修复它：

我有一个LIST页面，其中显示了Firebase Firestore的记录列表。我正在使用react-redux-firestore将列表作为连接状态对象加载。将页面上的325条记录加载到Firestore数据库中大约需要1.5秒。我可以实现分页或类似的操作，因为会有一些表甚至包含更多的记录，但是现在这就是我所拥有的。

在LIST页面上，我有一个按钮，该按钮执行history.push到NEWRECORD页面，用户可以在其中将值输入表单并单击SAVE。单击“保存”时，将调用添加记录（redux）操作，并将记录保存到Firebase。所有这些都很好-到目前为止没有问题。该问题将在下一步中解决。保存后，相同的单击处理程序将执行一个history.push回到LIST页面。浏览器确实重定向到页面，新创建的记录将立即显示，但呈现其余记录需要8-10秒。这太烦人了，似乎所有记录都以某种方式被删除了几秒钟。

所以我很乐意向您解释为什么重新渲染要比初始加载花费更长的时间，以及我认为必须改进的方法。

谢谢

Answer 1

我认为其余记录将直接来自Firebase，而不是来自redux存储吗？我不确定 。 或者，如果不是这种情况，请尝试将其余记录包含在if（）中，然后检查。