根据路由 ID 返回给定路由的 loader 数据。
import { useRouteLoaderData } from "react-router";
function SomeComponent() {
const { user } = useRouteLoaderData("root");
}
路由 ID 会自动创建。它们只是路由文件相对于 app 文件夹的路径,不包含文件扩展名。
路由文件名 | 路由 ID |
---|---|
app/root.tsx |
"root" |
app/routes/teams.tsx |
"routes/teams" |
app/whatever/teams.$id.tsx |
"whatever/teams.$id" |
如果你手动创建了 ID,则可以使用该 ID。
route("/", "containers/app.tsx", { id: "app" }})
useRouteLoaderData(routeId): undefined
暂无文档