Docs
API
Hooks
useLoaderDeps

useLoaderDeps hook

useLoaderDeps hook은 특정 라우트의 loader를 트리거하는 데 사용되는 종속성 객체를 반환하는 hook입니다.

useLoaderDepsHook options

useLoaderDepsHook은 options 객체를 허용합니다.

opts.from option

  • 타입: string
  • 필수
  • 로더 종속성을 가져올 RouteID 또는 경로.

opts.select option

  • 타입: (deps: TLoaderDeps) => TSelected
  • 선택 사항
  • 제공될 경우, 이 함수는 로더 종속성 객체를 사용하여 호출되며, 반환 값은 useLoaderDeps에서 반환됩니다.

opts.structuralSharing option

  • 타입: boolean
  • 선택 사항
  • select에 의해 반환된 값에 대한 구조적 공유를 활성화할지 구성합니다.
  • 자세한 내용은 렌더링 최적화 가이드를 참조하세요.

useLoaderDeps returns

  • 로더 종속성 객체 또는 select 함수가 제공된 경우 TSelected.

Examples

import { useLoaderDeps } from "@tanstack/react-router";
 
const routeApi = getRouteApi("/posts/$postId");
 
function Component() {
  const deps = useLoaderDeps({ from: "/posts/$postId" });
 
  // OR
 
  const routeDeps = routeApi.useLoaderDeps();
 
  // OR
 
  const postId = useLoaderDeps({
    from: "/posts",
    select: (deps) => deps.view,
  });
 
  // ...
}
useLoaderDatauseLocation