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

2 votes187 views2 answers
React material ui media queries
Javascript React
106 votes232 views2 answers
React npm build
Javascript React
5 votes192 views3 answers
Linear gradient react js
Javascript React
0 vote190 views1 answer
React map gl
Javascript React
0 vote185 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
0 vote186 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
6 votes320 views3 answers
Multiple path names for a same component in react router
Javascript React
1 vote176 views1 answer
Reactive localstorage in react
Javascript React
0 vote195 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
1 vote196 views1 answer
React native get numeric random string length of 5 characters
Javascript React