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

8 votes148 views4 answers
React multiple classnames
Javascript React
2 votes124 views1 answer
React promises
Javascript React
0 vote157 views1 answer
How to cause a whole page reload react redux
Javascript React
1 vote144 views1 answer
Picker change event react native
Javascript React
15 votes155 views5 answers
Usestate react hook
Javascript React
1 vote138 views1 answer
Input type email react js-validation
Javascript React
1 vote137 views3 answers
Sticky footer react
Javascript React
0 vote139 views1 answer
Preview image before upload reactjs
Javascript React
0 vote153 views3 answers
React date format
Javascript React
1 vote135 views1 answer
Connect metamask with react app
Javascript React