createLazyFileRoute function

createLazyFileRoute 함수는 매칭될 때 지연 로드되는 부분 파일 기반 라우트 인스턴스를 생성하는 데 사용됩니다. 이 라우트 인스턴스는 component, pendingComponent, errorComponent, notFoundComponent와 같은 비핵심 속성만 구성하는 데 사용할 수 있습니다.

createLazyFileRoute options

createLazyFileRoute 함수는 라우트를 생성할 파일의 path를 나타내는 string 타입의 단일 인수를 받습니다.

path

• 타입: string
• 필수 항목, 하지만 tsr generate 및 tsr watch 명령어에 의해 자동으로 삽입 및 업데이트됩니다.
• 라우트를 생성할 파일의 전체 경로를 나타냅니다.

createLazyFileRoute returns

파일 Route 인스턴스를 구성하는 데 사용되는 RouteOptions의 부분 타입을 받는 새 함수를 반환합니다.

• 타입:

Pick<
  RouteOptions,
  "component" | "pendingComponent" | "errorComponent" | "notFoundComponent"
>;

• RouteOptions

⚠️ 참고: tsr generate 및 tsr watch가 제대로 작동하려면 파일 라우트 인스턴스가 Route 식별자를 사용하여 파일에서 내보내져야 합니다.

Examples

import { createLazyFileRoute } from "@tanstack/react-router";
 
export const Route = createLazyFileRoute("/")({
  component: IndexComponent,
});
 
function IndexComponent() {
  const data = Route.useLoaderData();
  return <div>{data}</div>;
}