defer function

defer 함수는 프라미스를 지연 상태 객체로 래핑하여 해당 프라미스의 상태를 검사할 수 있게 합니다. 이 지연된 프라미스는 useAwaited 훅 또는 <Await> 컴포넌트에 전달되어 프라미스가 해결되거나 거부될 때까지 대기할 수 있습니다.

defer 함수는 지연 상태 객체로 래핑할 promise를 단일 인수로 받습니다.

defer options

타입: Promise<T>
필수 항목
지연 상태 객체로 래핑할 프라미스.

defer returns

DeferredPromise<T>를 반환하며, 이는 useAwaited 훅 또는 <Await> 컴포넌트에 전달될 수 있습니다.

Examples

import { defer } from "@tanstack/react-router";
 
const route = createRoute({
  loader: () => {
    const deferredPromise = defer(fetch("/api/data"));
    return { deferredPromise };
  },
  component: MyComponent,
});
 
function MyComponent() {
  const { deferredPromise } = Route.useLoaderData();
 
  const data = useAwaited({ promise: deferredPromise });
 
  // 또는
 
  return (
    <Await promise={deferredPromise}>
      {(data) => <div>{JSON.stringify(data)}</div>}
    </Await>
  );
}

createRouter getRouteApi