useAwaited 钩子

The useAwaited 方法是一个钩子，它会暂停执行，直到提供的 promise 被 resolve 或 reject。

useAwaited 选项

The useAwaited 钩子接受一个参数，即 options 对象。

options.promise 选项

类型: Promise<T>
必需
要等待的延迟 promise。

useAwaited 返回值

如果 promise 被 reject，则抛出错误。
如果 promise 处于 pending 状态，则暂停执行（抛出一个 promise）。
如果 promise 被 resolve，则返回延迟 promise 的 resolve 值。

示例

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 上编辑

首页

我们的合作伙伴

官方部署合作伙伴

TanStackFormV1

订阅 Bytes

您的每周 JavaScript 新闻。每周一免费发送给超过 10 万名开发者。

订阅 Bytes

您的每周 JavaScript 新闻。每周一免费发送给超过 10 万名开发者。