React get route path

import { useLocation } from 'react-router-dom'

function HeaderView() {
  const location = useLocation();
  console.log(location.pathname);
  return <span>Path : {location.pathname}</span>
}

Source: stackoverflow.com

Get current url react router

import {withRouter} from 'react-router-dom';

const SomeComponent = withRouter(props => <MyComponent {...props}/>);

class MyComponent extends React.Component {
  SomeMethod () {
    const {pathname} = this.props.location;
  }
}

Source: stackoverflow.com

Similar codes

0 vote395 views2 answers
Jest simulate toggle switch react native
Javascript React
2 votes347 views2 answers
Export multiple functions react
Javascript React
18 votes318 views6 answers
How to import svg in react
Javascript React
0 vote382 views1 answer
Web-vitals react
Javascript React
0 vote355 views1 answer
React native get uri of the image in the app assets folder
Javascript React
4 votes345 views1 answer
Import react icons module
Javascript React
0 vote351 views1 answer
Implementing state lifecycle in react class component
Javascript React
3 votes339 views3 answers
Async await class component react
Javascript React
7 votes373 views3 answers
React route props
Javascript React
-2 votes315 views3 answers
React and express
Javascript React