/Javascript/React/Get current url react router

Get current url react router

React get current route

/*In the 5.1 release of react-router there is a hook called useLocation,
which returns the current location object. 
This might be useful any time you need to know the current URL.*/
import { useLocation } from 'react-router-dom';

const location = useLocation();
console.log(location.pathname);

Source: stackoverflow.com

Get url react

window.location.href

How to get current URL with Javascript or React

const currentURL = window.location.href // returns the absolute URL of a page

const pathname = window.location.pathname //returns the current url minus the domain name

Source: surajsharma.net

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 vote133 views1 answer
Force users to update your application in React Native
Javascript React
133 votes309 views6 answers
Using bootstrap with react
Javascript React
3 votes129 views5 answers
./src/App.js Attempted import error: 'Switch' is not exported from 'react-router-dom'.
Javascript React
0 vote131 views2 answers
How to pass data in router link react-typescript
Javascript React
2 votes129 views1 answer
How to see if a web site is useing react
Javascript React
-1 vote123 views2 answers
Minified react error #200
Javascript React
3 votes160 views3 answers
Adding donet chart text center in react
Javascript React
1 vote112 views2 answers
React native get timezone
Javascript React
0 vote123 views1 answer
React-active link
Javascript React
11 votes134 views3 answers
Redirect onclick react
Javascript React