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 vote187 views1 answer
Spread operator react array
Javascript React
0 vote188 views1 answer
React native 'UMConstantsInterface/UMConstantsInterface.h' file not found
Javascript React
0 vote207 views1 answer
React-native-charts-wrapper:compileDebugJavaWithJavac FAILED
Javascript React
0 vote181 views3 answers
React native navigation change header title
Javascript React
0 vote160 views1 answer
Render first index active tabs in reactjs
Javascript React
0 vote213 views1 answer
React router link electron not working
Javascript React
1 vote182 views3 answers
React redux how to change object value in reducer
Javascript React
0 vote183 views1 answer
React notification
Javascript React
3 votes179 views1 answer
How to go to another page onclick in react
Javascript React
6 votes185 views1 answer
React native rotate
Javascript React