reactjs - 如何优化加载大量项目列表的 Ionic/Capacitor React 应用程序？

Question

我有一个使用 Ionic Framework、Capacitor 和 React 制作的移动应用程序。加载大量聊天室列表后，该应用程序似乎变慢了。

该应用程序使用选项卡界面，路由由Ionic 的 Routing Mechanism处理。打开消息选项卡时，将从服务器加载聊天室列表并存储在页面组件的状态中。如下所述，离子处理组件的生命周期 - 因此，当更改选项卡时，页面本身不会卸载 - 并用大列表保持状态。

因此，在加载大量数据后，应用程序的速度会大大降低。此外，根据我的研究，React 不支持Ion Infinite Scroll组件。

在这种情况下，优化 Ionic React 应用程序的最佳方法是什么？分页似乎是一种选择，但如果用户加载整个聊天列表，应用程序将不可避免地变慢。

标签： reactjsionic-frameworkcapacitor