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 vote209 views1 answer
React native webview disable touch
Javascript React
7 votes276 views3 answers
How to route react from laravel
Javascript React
-1 vote215 views1 answer
React grid
Javascript React
0 vote225 views1 answer
React return value from component
Javascript React
0 vote232 views1 answer
React 10 to 1 with step -2 (odd numbers between [1..10] inverted order)
Javascript React
0 vote234 views1 answer
Owl carousel for react
Javascript React
3 votes228 views2 answers
React is there a safe area view for android
Javascript React
0 vote254 views1 answer
Filter based on input typing react
Javascript React
0 vote239 views1 answer
Retore react app
Javascript React
0 vote259 views1 answer
React native undedined map
Javascript React