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

16 votes358 views3 answers
Loop in react depending on number
Javascript React
1 vote332 views2 answers
Upload image react
Javascript React
2 votes371 views1 answer
Audio react
Javascript React
5 votes399 views3 answers
Open in a new tab react
Javascript React
0 vote370 views1 answer
Change navigation animation react native
Javascript React
0 vote421 views1 answer
Get call log in react native android
Javascript React
0 vote371 views1 answer
Top bar in react js
Javascript React
1 vote365 views1 answer
No known class method for selector 'setScreenName:screenClass: react native
Javascript React
0 vote356 views1 answer
Select checkbox raitng in order javascript React
Javascript React
-1 vote385 views2 answers
React native Platform
Javascript React