Next.js 中使用 Suspense 进行流式 SSR 如何工作？

流式 SSR 让服务器一旦准备好就以块的形式将 HTML 发送到浏览器，而不是等待整个页面呈现。慢的部分不会阻止快的部分——用户可以逐步看到内容。React <Suspense> 定义流式处理边界。

流式处理解决的问题

不使用流式处理时，如果某个部分需要缓慢的数据库查询，整个页面都会等待它，然后才发送任何 HTML——用户看到的是空白屏幕。流式处理会立即发送壳层和快速内容，然后在慢速部分完成时流式传输它们。

使用 Suspense 进行流式处理

 {  }  ;

   () {
   (
    
  );
}

  () {
   products =  ();   
   ;
}