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 vote116 views1 answer
How to pass function as a props in react in functional components
Javascript React
0 vote136 views2 answers
React generate component command
Javascript React
1 vote118 views2 answers
Edit todo list react-redux
Javascript React
6 votes128 views1 answer
React state management
Javascript React
6 votes124 views2 answers
React in jquery
Javascript React
0 vote131 views1 answer
Reactive forms angular conditional disabling
Javascript React
8 votes130 views2 answers
React fragment
Javascript React
-1 vote133 views1 answer
Get height component react
Javascript React
3 votes163 views3 answers
Adding donet chart text center in react
Javascript React
0 vote122 views1 answer
Sort by attribute in reactjs
Javascript React