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 vote351 views1 answer
What is react headroom
Javascript React
2 votes292 views2 answers
Splice state react
Javascript React
0 vote297 views1 answer
React import json
Javascript React
1 vote319 views1 answer
Angular validators number only in reactive form
Javascript React
0 vote319 views2 answers
React-bootstrap sidebar menu
Javascript React
0 vote312 views1 answer
Concatenate state with previous state in react redux
Javascript React
0 vote347 views1 answer
Check scroll top height in react js
Javascript React
0 vote302 views1 answer
Export app react native
Javascript React
1 vote287 views1 answer
Concatenating variables and strings in React
Javascript React
0 vote339 views1 answer
React linking to documents
Javascript React