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 vote231 views1 answer
Find null/empty values in reactive form
Javascript React
0 vote241 views1 answer
React native showing double header stack and drawer menu
Javascript React
0 vote242 views1 answer
Valueof in react native
Javascript React
1 vote257 views1 answer
Can't type in react input text field
Javascript React
10 votes263 views1 answer
Dimensions react native
Javascript React
0 vote216 views2 answers
Selected css based on route react
Javascript React
-1 vote638 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 vote249 views1 answer
How to write sepearet styles in single line in react native
Javascript React
1 vote266 views2 answers
Flatlist onrefresh react native
Javascript React
0 vote252 views1 answer
How to imporrt Browserrouter in react
Javascript React