English
Ask or search…
⌃K
Links
Comment on page

use-router

Hooks to work with routes in the browser
Hook to handle routes based on expressions according to the https://github.com/uppercod/exp-route library, this hook is used by @atomico/components/router****

Module

import {
useRouter,
useRoute,
useRouteMatch,
useRedirect,
redirect,
getPath
} from "@atomico/hooks/use-router";

useRouter syntax

const [ view, path, params, search ] = useRouter({
"/":()=><h1>home</h1>,
"user/{id}":({ id })=><my-user id={id}/>,
})
Where:
  1. 1.
    view: return of the last function executed according to the route match.
  2. 2.
    path: string, represents the prop of the last path that consists of the path match.
  3. 3.
    params: parameters captured according to the path
  4. 4.
    search: parameters captured from the path

useRoute syntax

const [ view, path, params, search ] = useRoute("/",()=><h1>home</h1>);
Share the return from useRouter

useRouteMatch syntax

const match = useRouteMatch();
​
const isHome = match("/home");