useHref

現在の場所に対して完全な URL を解決し、リンク の href として使用します。相対パスが指定された場合、完全な 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 に追加するパス。

相対 useHref() の動作に関する future.v3_relativeSplatPath 未来フラグの動作については、useResolvedPath ドキュメントの スプラットパス セクションを参照してください。

options

唯一のオプションは { relative: "route" | "path"} で、相対 URL を解決するときの動作を定義します。

• route デフォルト - URL ではなく、ルート階層に対する相対
• path - アクションを URL パスに対する相対にするため、.. は URL セグメントを 1 つ削除します。