createRoute 函数

createRoute 函数实现并返回一个 Route 实例。然后可以将路由实例传递给根路由的 children 以创建路由树，然后将其传递给路由器。

createRoute 选项

类型: RouteOptions
必需
将用于配置路由实例的选项

createRoute 返回值

一个新的 Route 实例。

示例

tsx

import { createRoute } from '@tanstack/react-router'
import { rootRoute } from './__root'

const Route = createRoute({
  getParentRoute: () => rootRoute,
  path: '/',
  loader: () => {
    return 'Hello World'
  },
  component: IndexComponent,
})

function IndexComponent() {
  const data = Route.useLoaderData()
  return <div>{data}</div>
}

import { createRoute } from '@tanstack/react-router'
import { rootRoute } from './__root'

const Route = createRoute({
  getParentRoute: () => rootRoute,
  path: '/',
  loader: () => {
    return 'Hello World'
  },
  component: IndexComponent,
})

function IndexComponent() {
  const data = Route.useLoaderData()
  return <div>{data}</div>
}

在 GitHub 上编辑

首页

我们的合作伙伴

官方部署合作伙伴

TanStackFormV1

订阅 Bytes

您的每周 JavaScript 新闻。每周一免费发送给超过 100,000 名开发者。

订阅 Bytes

您的每周 JavaScript 新闻。每周一免费发送给超过 100,000 名开发者。