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 vote376 views2 answers
React native setstate object
Javascript React
0 vote372 views1 answer
Styling scrollview height in react native
Javascript React
1 vote392 views1 answer
React js router parameters
Javascript React
0 vote391 views2 answers
React js big calendar
Javascript React
2 votes423 views1 answer
How to add bootstrap by downloading in react js
Javascript React
0 vote365 views1 answer
Js map vs react js map
Javascript React
0 vote384 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
1 vote430 views2 answers
What is super(props) in react
Javascript React
3 votes342 views1 answer
React native netinfo
Javascript React
18 votes410 views2 answers
Store data in localstorage react
Javascript React