ice 嵌套 Suspense 的写法导致请求串行

hgtggwj0 于 2022-12-31 发布在其他

关注(0)|答案(1)|浏览(140)

使用嵌套路由实现 Suspense 能力时，会导致请求的串行

layout.tsx

<Suspense fallback={<Spinner />}>
      <Header />
      <Outlet />
    </Suspense>

index.tsx

<Suspense fallback={<Spinner />}>
      <Comments />
    </Suspense>

以上面的代码为示例，layout.tsx 在 Suspense 的过程中，内部的路由组件 index.tsx 不会被执行

这就到导致了 index 的数据请求必须等到 layout 的数据加载完成后，才会被触发

1条答案

如果是通过 dataLoader 的方式定义数据请求的具体逻辑应该是可以提前知道的吧？