createRoute Funktion

Die createRoute Funktion implementiert gibt eine Route Instanz zurück. Eine Routeninstanz kann dann an die Kinder einer Stammroute übergeben werden, um einen Routenbaum zu erstellen, der dann an den Router übergeben wird.

createRoute Optionen

Typ: RouteOptions
Erforderlich
Die Optionen, die zur Konfiguration der Routeninstanz verwendet werden

createRoute Rückgabewerte

Eine neue Route Instanz.

Beispiele

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>
}

createRoute Optionen

createRoute Rückgabewerte

Beispiele

Bytes abonnieren

Bytes abonnieren