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 vote120 views1 answer
How to redirect to another page in react js on button click
Javascript React
2 votes106 views1 answer
React higher order components
Javascript React
0 vote107 views1 answer
Burger menu bulma React
Javascript React
1 vote109 views1 answer
React native get current time
Javascript React
0 vote119 views2 answers
Quokka create-react-app sample
Javascript React
0 vote102 views1 answer
React native open simulators list
Javascript React
0 vote123 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
5 votes120 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote105 views1 answer
React-with-firebase-auth
Javascript React
23 votes111 views6 answers
Map react
Javascript React