我正在使用反应查询并设置挂起true
。
我发现我的网络应用程序变得很慢。这是因为悬念使网络瀑布。img下面是这种情况。
网络选项卡图像
然而,当我将挂起配置为false
时,它是并行工作的。
网络选项卡图像
我知道Suspendse捕获了一个Promise并显示Loading回退,直到它被解决。所以我明白为什么它会形成瀑布。
那么,当页面只请求一个API调用时,Suspense是否只有用或者,有解决方案吗?
只有当页面只请求一个API调用时,Suspense才有用。如果需要进行多个API调用,可以使用React.lazy((动态加载组件。
React.lazy()
只会在需要时加载组件,因此不会产生API调用的瀑布。