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

19 votes154 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote211 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
0 vote190 views1 answer
Ionic react use yarn
Javascript React
0 vote152 views1 answer
React inlinle style set background image
Javascript React
0 vote142 views1 answer
Deploy react to azure : web.config
Javascript React
0 vote150 views1 answer
Create-react-app height issues with flex
Javascript React
0 vote162 views1 answer
Auto refresh database in outsystems reactive
Javascript React
0 vote150 views1 answer
Can't bookmark react router
Javascript React
1 vote174 views1 answer
React-native curved view
Javascript React
0 vote144 views1 answer
Create app with a specific react version
Javascript React