useRouteLoaderData
傳回給定 ID 的路由的載入器資料。
import { useRouteLoaderData } from "@remix-run/react";
function SomeComponent() {
const { user } = useRouteLoaderData("root");
}
Remix 會自動建立路由 ID。它們只是相對於應用程式資料夾的路由檔案路徑,不包含副檔名。
路由檔案名稱 | 路由 ID |
---|---|
app/root.tsx |
"root" |
app/routes/teams.tsx |
"routes/teams" |
app/routes/teams.$id.tsx |
"routes/teams.$id" |