useRouteLoaderData
本页内容

useRouteLoaderData

总结

参考文档 ↗

根据路由 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

参数

routeId

暂无文档

文档和示例 CC 4.0