connection
connection()
函数允许你指示渲染应该等待传入的用户请求后再继续。
当组件不使用动态 API,但你希望它在运行时动态渲染,而不是在构建时静态渲染时,这非常有用。这种情况通常发生在你访问外部信息,并且有意想通过这些信息来更改渲染结果时,例如 Math.random()
或 new Date()
。
app/page.tsx
import { connection } from 'next/server'
export default async function Page() {
await connection()
// Everything below will be excluded from prerendering
const rand = Math.random()
return <span>{rand}</span>
}
参考
类型
function connection(): Promise<void>
参数
- 此函数不接受任何参数。
返回值
- 此函数返回一个
void
Promise。它不打算被使用。
须知
connection
替代了unstable_noStore
,以更好地与 Next.js 的未来发展方向保持一致。- 仅当需要动态渲染且未使用常见的动态 API 时,此函数才是必要的。
版本历史
版本 | 变更 |
---|---|
v15.0.0 | connection 已稳定。 |
v15.0.0-RC | connection 已引入。 |
这是否有帮助?