为另一个页面的模块和数据渲染 <link rel=prefetch|modulepreload>
标签,以实现到该页面的即时导航。 <Link prefetch>
内部使用此功能,但您可以出于任何其他原因渲染它来预取页面。
例如,您可以在用户在搜索字段中键入内容时渲染其中一个,以便在他们点击进入所选内容之前预取搜索结果。
import { PrefetchPageLinks } from "react-router";
<PrefetchPageLinks page="/absolute/path" />
function PrefetchPageLinks({ page, ...linkProps }: PageLinkDescriptor)
要预取页面的绝对路径,例如 /absolute/path
。
要扩展到 <link>
标签上的其他属性,例如 crossOrigin
、integrity
、rel
等。