当组件不使用 动态 API,但您希望它在运行时动态渲染而不是在构建时静态渲染时,它很有用。这通常发生在您访问外部信息时,您有意希望更改渲染结果,例如 Math.random() 或 new Date()。
app/page.tsx
TypeScript
import { connection } from'next/server'exportdefaultasyncfunctionPage() {awaitconnection()// Everything below will be excluded from prerenderingconstrand=Math.random()return <span>{rand}</span>}