当一个组件获取两次以上时,React Suspense会导致网络瀑布



我正在使用反应查询并设置挂起true

我发现我的网络应用程序变得很慢。这是因为悬念使网络瀑布。img下面是这种情况。

网络选项卡图像

然而,当我将挂起配置为false时,它是并行工作的。

网络选项卡图像

我知道Suspendse捕获了一个Promise并显示Loading回退,直到它被解决。所以我明白为什么它会形成瀑布。

那么,当页面只请求一个API调用时,Suspense是否只有用或者,有解决方案吗?

只有当页面只请求一个API调用时,Suspense才有用。如果需要进行多个API调用,可以使用React.lazy((动态加载组件。

React.lazy()

只会在需要时加载组件,因此不会产生API调用的瀑布。

最新更新