连接 | DevRefinery | DevRefinery

connection() 函数允许你指示渲染应该等待传入的用户请求，然后再继续。

当组件不使用 Dynamic APIs，但你希望它在运行时动态渲染而不是在构建时静态渲染时，它会很有用。这通常发生在你访问你刻意希望改变渲染结果的外部信息时，例如 Math.random() 或 new Date()。

typescript

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>
}

jsx

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>
}

参考

类型

jsx

function connection(): Promise<void>

参数

该函数不接受任何参数。

返回值

该函数返回一个 void Promise。它不应被消费。

须知

connection 替代了 unstable_noStore，以更好地与 Next.js 的未来发展保持一致。
该函数仅在需要动态渲染且不使用常见的 Dynamic APIs 时才需要。

版本历史

版本	变更
`v15.0.0`	`connection` stabilized.
`v15.0.0-RC`	`connection` introduced.

connection() 函数允许你指示渲染应该等待传入的用户请求，然后再继续。

typescript

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>
}

jsx

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>
}

参考

类型

jsx

function connection(): Promise<void>

参数

该函数不接受任何参数。

返回值

该函数返回一个 void Promise。它不应被消费。

须知

connection 替代了 unstable_noStore，以更好地与 Next.js 的未来发展保持一致。
该函数仅在需要动态渲染且不使用常见的 Dynamic APIs 时才需要。

版本历史

版本	变更
`v15.0.0`	`connection` stabilized.
`v15.0.0-RC`	`connection` introduced.

文档导航

参考

类型

参数

返回值

须知

版本历史

参考

类型

参数

返回值

须知

版本历史