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

29 votes209 views2 answers
React or vue
Javascript React
5 votes224 views1 answer
React-select
Javascript React
16 votes160 views2 answers
React fragment
Javascript React
1 vote206 views2 answers
How to use gif in react native
Javascript React
0 vote203 views1 answer
Javascript array filter duplicates in react
Javascript React
1 vote207 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
1 vote135 views1 answer
Add class to react children
Javascript React
0 vote213 views1 answer
Module missing for arearange highcharts react
Javascript React
1 vote198 views1 answer
Axios upload progress react
Javascript React
0 vote207 views1 answer
Get all database react native
Javascript React