コンテンツにスキップ

Outlet

<Outlet>

親ルートに一致する子ルートをレンダリングします。

import { Outlet } from "@remix-run/react";
export default function SomeParent() {
return (
<div>
<h1>親コンテンツ</h1>
<Outlet />
</div>
);
}

プロパティ

context

Outlet の下の要素ツリーにコンテキスト値を提供します。親ルートが子ルートに値を提供する必要がある場合に使用します。

<Outlet context={myContextValue} />

他の情報:useOutletContext