useHref

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 部分，了解有关 future.v3_relativeSplatPath 未来标志在 splat 路由中相对 useHref() 行为的行为的说明

options

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

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