从理论上讲，你可以在页面组件中使用Suspense组件，但是它没有什么价值。在SSR还没有呈现页面之前，你不会在浏览器中获得该页面。当SSR呈现页面时，你会获得完整的HTML，因此，使用Suspense组件不会给页面组件增加任何价值。
因为在前端，您需要等待数据来修改DOM，Suspense可能会带来一些价值，但是对于SSR，我看不出有任何理由实现它。

它在next13，app目录中可用。

// fetch users
const getUsers=async ()=>{
    const res=await fetch(UserURL)
    return res.json}

const User=()=>{
 const users=getUsers()
 return (
 <> jsx here</>
 )}

类似地，“订单”组件

// fetch orders
const getOrders=async ()=>{
    const res=await fetch(OrderURL)
    return res.json }

const Order=()=>{
 const orders=getOrders()
 return (
 <> jsx here</>
 ) }

假设我们有管理页面，并呈现这两个组件

import {Suspense} from "react"

const Admin=()=>{
 return(
       <>
       <Suspense  fallback=(<div>Loading Users</div>)>
            <Users/>
       </Suspense>

       <Suspense  fallback=(<div>Loading Orders</div>)>
            <Orders/>
       </Suspense>
       </>
 )}

文档显示了使用新的fetch API获取数据。我认为fetch API必须以某种方式让React Suspense知道数据获取已完成，以便React Suspense可以呈现主jsx。我不确定其他库是否也这样做
另一件事，在每个路由的next.js应用程序目录中，还有loading.js文件，它将在主页面挂载时自动呈现。如果Users组件需要1秒来获取，Orders组件需要2秒来获取，则loading.js内容将显示2秒，直到我们的Admin页面完全加载。但对于Suspense，1秒后，将显示User组件，Orders组件将显示其自己加载回退，直到其获取完成