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

6 votes206 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote215 views1 answer
Add active class to button onclick react
Javascript React
0 vote212 views1 answer
Get call log in react native with filter android
Javascript React
0 vote190 views2 answers
How to import jquery file in react js
Javascript React
0 vote219 views1 answer
React change button color on hover
Javascript React
0 vote194 views1 answer
Remove unused dependencies React
Javascript React
-1 vote205 views1 answer
Convert datetime value to time only in reactjs
Javascript React
0 vote202 views1 answer
Concept of node js with react js
Javascript React
0 vote193 views1 answer
Failed to construct image react-native
Javascript React
5 votes182 views4 answers
Google map in react js
Javascript React