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 vote244 views1 answer
React native storage
Javascript React
0 vote203 views1 answer
React native button top right
Javascript React
0 vote228 views1 answer
React axios get cookie from response
Javascript React
18 votes221 views1 answer
Get specific characters from state variable reactjs
Javascript React
0 vote223 views1 answer
Uuid react native expo
Javascript React
0 vote220 views2 answers
Sending props via navigate() of react router v6
Javascript React
15 votes209 views3 answers
Loop over a nerber in react
Javascript React
0 vote223 views1 answer
React-native-restart
Javascript React
7 votes215 views3 answers
React route props
Javascript React
0 vote214 views1 answer
Ui5 React bind element
Javascript React