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 vote374 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
0 vote375 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React
2 votes340 views1 answer
Make page refresh on top in react js
Javascript React
0 vote350 views4 answers
React router v6
Javascript React
0 vote324 views1 answer
Reference hook in react
Javascript React
0 vote350 views1 answer
Dark mode with react hooks
Javascript React
0 vote401 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
0 vote395 views1 answer
Create-react-app enviroment variables
Javascript React
5 votes359 views2 answers
Splash screen react native
Javascript React
0 vote394 views1 answer
Infinite scroll for chat react js
Javascript React