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

1 vote226 views1 answer
Dynamic forms in react
Javascript React
0 vote194 views1 answer
Import button react-bootstrap
Javascript React
3 votes225 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
13 votes223 views4 answers
Passing data in react router history,push
Javascript React
0 vote282 views1 answer
React avoid spreading non-dom props across component
Javascript React
0 vote228 views1 answer
How to disable reactive form submit button in Angular
Javascript React
0 vote240 views2 answers
Jest simulate toggle switch react native
Javascript React
1 vote237 views1 answer
External script in react
Javascript React
9 votes219 views3 answers
React js Uncaught RangeError: Maximum call stack size exceeded
Javascript React
0 vote224 views1 answer
Load all icon from a folder in react
Javascript React