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 vote138 views1 answer
React image source showing object module
Javascript React
0 vote137 views1 answer
Get input value in react using hooks
Javascript React
-1 vote151 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
0 vote133 views2 answers
Read data in props.histroy.push in react component
Javascript React
1 vote146 views3 answers
Linear gradient react native
Javascript React
0 vote94 views1 answer
React moment time ago
Javascript React
0 vote142 views2 answers
Sending props via navigate() of react router v6
Javascript React
262 votes275 views6 answers
Create a react native project
Javascript React
0 vote142 views1 answer
Library to add navigation in react native
Javascript React
0 vote135 views1 answer
Shadowcolor liners in react native
Javascript React