useResolvedPath
react-router

useResolvedPath

useResolvedPath(to, props): Path

Resolves the pathname of the given to value against the current location. Similar to useHref, but returns a Path instead of a string.

import { useResolvedPath } from "react-router"

function SomeComponent() {
  // if the user is at /dashboard/profile
  let path = useResolvedPath("../accounts")
  path.pathname // "/dashboard/accounts"
  path.search // ""
  path.hash // ""
}

Parameters

  • to: To
  • props: { relative: RelativeRoutingType, }
Docs and examples CC 4.0