PrefetchPageLinks

• Framework
• Data
• Declarative

概要

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

別のページのモジュールとデータに対して <link rel=prefetch|modulepreload> タグをレンダリングし、そのページへの即時ナビゲーションを可能にします。 <Link prefetch> は内部でこれを使用しますが、他の理由でページをプリフェッチするためにレンダリングすることもできます。

たとえば、ユーザーが検索フィールドに入力するときに、検索結果をクリックする前にプリフェッチするために、これのいずれかをレンダリングできます。

import { PrefetchPageLinks } from "react-router";
 
<PrefetchPageLinks page="/absolute/path" />

シグネチャ

function PrefetchPageLinks({ page, ...linkProps }: PageLinkDescriptor)

Props

page

プリフェッチするページの絶対パスです（例: /absolute/path）。

linkProps

<link> タグにスプレッドされる追加の props (例: crossOrigin、integrity、rel など)。