createFileRoute function

createFileRoute 함수는 파일 기반 라우트 인스턴스를 생성하는 데 사용되는 팩토리 함수입니다. 이 라우트 인스턴스는 tsr generate 및 tsr watch 명령어를 통해 라우트 트리를 자동으로 생성하는 데 사용됩니다.

createFileRoute options

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

path 옵션

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

createFileRoute returns

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

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

Examples

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