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 vote411 views1 answer
Htaccess to deploy react app to cpanel
Javascript React
3 votes377 views1 answer
React parameter value from query string
Javascript React
5 votes378 views2 answers
TypeError: t is not a function React
Javascript React
0 vote400 views1 answer
Back press subscriptions i is not a function react native
Javascript React
0 vote398 views1 answer
External js doesn't works if revisit the page in react
Javascript React
1 vote365 views2 answers
Yarn react native cli
Javascript React
31 votes396 views2 answers
React-router-dom npm
Javascript React
11 votes362 views5 answers
React router refresh page
Javascript React
-1 vote367 views1 answer
React native list view
Javascript React
2 votes428 views3 answers
How to get current date in react js
Javascript React