useLoaderData

概要

リファレンスドキュメント ↗

最も近いルートのloaderまたはclientLoaderからのデータを返します。

import { useLoaderData } from "react-router";
 
export async function loader() {
  return await fakeDb.invoices.findAll();
}
 
export default function Invoices() {
  let invoices = useLoaderData<typeof loader>();
  // ...
}

シグネチャ

function useLoaderData<T = any>(): SerializeFrom<T>

戻り値

ルートのloaderまたはclientLoader関数から返されるデータ