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 的路径。

有关在 splat 路由中使用相对 useHref() 行为时 future.v3_relativeSplatPath 未来标志的行为说明，请参阅 useResolvedPath 文档中的 Splat 路径 部分

options

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

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