TanStack
Router v1
自动
框架
版本
菜单
入门
路由
指南
操作指南
API
集成
ESLint
路由器示例

useAwaited Hook

useAwaited 方法是一个 Hook，它会暂停执行，直到提供的 Promise 被解析或被拒绝。

useAwaited 选项

useAwaited Hook 接受一个参数，即一个 options 对象。

options.promise 选项
  • 类型：Promise<T>
  • 必需
  • 要等待的延迟 Promise。

useAwaited 返回值
  • 如果 Promise 被拒绝，则抛出错误。
  • 如果 Promise 处于待定状态，则暂停执行（抛出 Promise）。
  • 如果 Promise 被解析，则返回延迟 Promise 的解析值。

示例
tsx
import { useAwaited } from '@tanstack/react-router'

function Component() {
  const { deferredPromise } = route.useLoaderData()

  const data = useAwaited({ promise: myDeferredPromise })
  // ...
}

import { useAwaited } from '@tanstack/react-router'

function Component() {
  const { deferredPromise } = route.useLoaderData()

  const data = useAwaited({ promise: myDeferredPromise })
  // ...
}
在 GitHub 上编辑
主页
我们的合作伙伴
Code Rabbit
Netlify
Neon
Clerk
Convex
Sentry
订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。

订阅 Bytes

您的每周 JavaScript 资讯。每周一免费发送给超过 10 万开发者。

Bytes

无垃圾邮件。您可以随时取消订阅。