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 vote392 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React
1 vote397 views1 answer
Image touchable opacity react native
Javascript React
3 votes361 views1 answer
How to call a function in react with arguments onclick
Javascript React
0 vote360 views1 answer
React-data-table-component api action button
Javascript React
0 vote360 views1 answer
Find null/empty values in reactive form
Javascript React
2 votes355 views1 answer
What is virtual dom in react
Javascript React
3 votes388 views1 answer
React how to create range
Javascript React
0 vote373 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
2 votes366 views2 answers
How to add multiple classes to a ReactJS Component
Javascript React
0 vote394 views2 answers
Hello world react
Javascript React