javascript - history.push 添加新记录时重新加载页面很慢

Question

我对 react 和 redux 很陌生，所以这可能是一个愚蠢的问题，但无论如何我都会问，因为它让我发疯，我想解决它：

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

在 LIST 页面上，我有一个按钮，它执行 history.push 到 NEWRECORD 页面，用户可以在其中将值输入表单并单击 SAVE。单击 SAVE 时，将调用添加记录 (redux) 操作并将记录保存到 Firebase。所有这一切都很好 - 到目前为止没有问题。问题将在下一步中查看。保存后，相同的单击处理程序会执行 history.push 回到 LIST 页面。浏览器会重定向到页面，新创建的记录会立即显示，但需要 8-10 秒才能呈现其余记录。这非常烦人，并且看起来所有记录都以某种方式被删除了几秒钟。

所以我很想有人解释为什么重新渲染需要比初始加载更长的时间，以及如何改进我确信必须有可能的事情。

谢谢

标签： javascriptreactjsfirebasereact-redux-firebase

Answer 1

我认为其余的记录将直接来自 Firebase 而不是来自 redux 商店？我不确定 。或者，如果不是这种情况，请尝试将其余记录包含在 if() 中，然后检查 .