useLoaderData

useLoaderData

从最近的路由 loader 返回序列化数据。

import { json } from "@remix-run/node"; // or cloudflare/deno
import { useLoaderData } from "@remix-run/react";

export async function loader() {
  return json(await fakeDb.invoices.findAll());
}

export default function Invoices() {
  const invoices = useLoaderData<typeof loader>();
  // ...
}

其他资源

讨论

• 全栈数据流
• 状态管理

API

• loader
• useFetcher