Skip to main content

React Router Hook ↔ React Router API Library Hook

useSearchParams()​

React Router Hook to return [ searchParams ] with method to .get() Query String values

useLocation()​

redundant? React Router Hook to return Location

useParams()​

[<span data-tooltip-id="preview__Cnktk6mYSBeWLB3L3">React Router Hook</span>](react-router-hook) to return **{ **[<span data-tooltip-id="preview__q8weT2R5ufxFgAL8i">URL Parameter</span>](url-parameter)** }** set via [<span data-tooltip-id="preview__8SFKoXqHBqf5cDcvB">`":_id"
"/settings/:_id"`</span>](id-settings-id) in [<span data-tooltip-id="preview__KZJ29dW5Q88xpMhde">`path`</span>](path)

useNavigate()​

React Router Hook to return Imperative navigate fn

useRoutes()​

React Router Hook to colocate all routes into central Route Config , via 🍜👨‍💻 config Object

useHistory()

useRouteMatch()

References​

  1. useParams() ↔ 
[<span data-tooltip-id="preview__Cnktk6mYSBeWLB3L3">React Router Hook</span>](react-router-hook) to return **{ **[<span data-tooltip-id="preview__q8weT2R5ufxFgAL8i">URL Parameter</span>](url-parameter)** }** set via [<span data-tooltip-id="preview__8SFKoXqHBqf5cDcvB">`":_id"
"/settings/:_id"`</span>](id-settings-id) in [<span data-tooltip-id="preview__KZJ29dW5Q88xpMhde">`path`</span>](path)

  1. useSearchParams() ↔ React Router Hook to return [ searchParams ] with method to .get() Query String values

  2. useLocation() ↔ redundant? React Router Hook to return Location

  3. useNavigate() ↔ React Router Hook to return Imperative navigate fn

  4. useRoutes() ↔ React Router Hook to colocate all routes into central Route Config , via 🍜👨‍💻 config Object