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 vote274 views1 answer
Geocoding react
Javascript React
0 vote294 views1 answer
How to get year in react
Javascript React
0 vote279 views1 answer
Stop playing music when page is closed react
Javascript React
0 vote259 views1 answer
Dropdown menu in react does not re render the component
Javascript React
0 vote237 views1 answer
Jason rpc reactjs
Javascript React
0 vote238 views1 answer
Create react app run test apecific folfer
Javascript React
0 vote219 views1 answer
How to make a textarea unwritable in react native
Javascript React
0 vote220 views1 answer
Create-react-app height issues with flex
Javascript React
0 vote257 views1 answer
How to disable reactive form submit button in Angular
Javascript React
2 votes246 views2 answers
React native scrollview detect end
Javascript React