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

3 votes150 views1 answer
React tooltip data-tip
Javascript React
0 vote124 views1 answer
React Alert when rate changes
Javascript React
2 votes123 views2 answers
Splice state react
Javascript React
47 votes129 views3 answers
How to comment in the react javascript
Javascript React
0 vote149 views1 answer
Nested navigation react native
Javascript React
0 vote141 views1 answer
Jest mock react-redux hooks
Javascript React
1 vote119 views1 answer
React redux wait for props
Javascript React
0 vote125 views2 answers
Editable pre input react
Javascript React
0 vote135 views1 answer
Setstate before function react
Javascript React
1 vote132 views1 answer
React toggle class
Javascript React