useLoaderData

最も近いルートの loader からシリアライズされたデータを取得します。

import { json } from "@remix-run/node"; // または 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