@reach/router: how to get the current route / page?

user_171217 0
Viewed 6232

How does one get the current route for reach router. In react router one would get that through the params?

The docs don't currently show an example how to do this.

reach-router reactjs
3 Answers

Alternatively, use the useLocation hook (since 1.3.0):

import { useLocation } from "@reach/router"

const useAnalytics = () => {
    const location = useLocation()

    useEffect(() => {
        ga.send(['pageview', location.pathname])
    }, [])
}

Ref: https://reach.tech/router/api/useLocation

user_25867610
user_1712170

You can simply just import useLocation from @reach/router and assign it to a const use it in your code as below.

import React from "react";

import { useLocation } from "@reach/router";

const YourPage = () => {
  const location = useLocation();
  return (
    <Page>
      <div>{(location.pathname = "/terms/")}</div>
    </Page>
  );
};

export default YourPage;
user_38468490
Related