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

3 votes230 views3 answers
How to update react app
Javascript React
0 vote206 views1 answer
React native 'UMConstantsInterface/UMConstantsInterface.h' file not found
Javascript React
1 vote199 views1 answer
Concatenating variables and strings in React
Javascript React
2 votes300 views2 answers
React native settimeout
Javascript React
0 vote222 views1 answer
Highcharts react hide data point dots
Javascript React
1 vote335 views2 answers
Toastandroid react native
Javascript React
0 vote226 views1 answer
Displaying the date react
Javascript React
5 votes217 views4 answers
Export default react
Javascript React
1 vote227 views6 answers
React-native build debug apk
Javascript React
1 vote229 views1 answer
How to share file from react native
Javascript React