PrefetchPageLinks

[MODES: framework]

Summary

Reference Documentation ↗

Renders <link rel=prefetch|modulepreload> tags for modules and data of another page to enable an instant navigation to that page. <Link prefetch> uses this internally, but you can render it to prefetch a page for any other reason.

For example, you may render one of this as the user types into a search field to prefetch search results before they click through to their selection.

import { PrefetchPageLinks } from "react-router";

<PrefetchPageLinks page="/absolute/path" />

Signature

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

Props

page

The absolute path of the page to prefetch, e.g. /absolute/path.

linkProps

Additional props to spread onto the <link> tags, such as crossOrigin, integrity, rel, etc.