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

0 vote175 views1 answer
Set cors for a react node application socket error
Javascript React
0 vote93 views1 answer
Store data with props in react js
Javascript React
0 vote168 views1 answer
React router link electron not working
Javascript React
-1 vote137 views1 answer
React localstorage remove item
Javascript React
1 vote165 views2 answers
React toastify
Javascript React
32 votes94 views4 answers
React update state array of objects
Javascript React
0 vote237 views1 answer
Open screen pdf on google drive react native expo
Javascript React
3 votes167 views1 answer
How to test on user reaction discord.js
Javascript React
0 vote182 views1 answer
What is the difference between throttling and debounce and raf throttling in react
Javascript React
0 vote131 views2 answers
This.webview.postmessage is not a function reactnative
Javascript React