useHref

根据当前位置解析完整 URL，用作 href 到 link。如果提供了相对路径，它将解析为完整的 URL。

import { useHref } from "@remix-run/react";

function SomeComponent() {
  const href = useHref("some/where");

  return <a href={href}>Link</a>;
}

签名

useHref(to, options)

to

可选。要附加到已解析 URL 的路径。

请查看 useResolvedPath 文档中关于 Splat Paths（通配符路径）的部分，了解关于 splat 路由中相对 useHref() 行为的 future.v3_relativeSplatPath 未来标志的说明

options (选项)

唯一的选项是 { relative: "route" | "path"}，它定义了解析相对 URL 时的行为。

• route (路由) 默认 - 相对于路由层次结构，而不是 URL
• path (路径) - 使操作相对于 URL 路径，因此 .. 将删除一个 URL 段。