函数 useRouteLoaderData

通过路由 ID 返回给定路由的加载器数据。

import { useRouteLoaderData } from "react-router";

function SomeComponent() {
  const { user } = useRouteLoaderData("root");
}
Copy

路由 ID 是自动创建的。它们只是路由文件相对于 app 文件夹的路径，不带扩展名。

路由文件名	路由 ID
app/root.tsx	"root"
app/routes/teams.tsx	"routes/teams"
app/whatever/teams.$id.tsx	"whatever/teams.$id"

如果你手动创建了 ID，你可以使用它代替

route("/", "containers/app.tsx", { id: "app" }})
Copy