/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 vote190 views2 answers
Sending props via navigate() of react router v6
Javascript React
0 vote166 views1 answer
Link externo no react
Javascript React
3 votes213 views1 answer
React hooks send data from child to parent
Javascript React
1 vote240 views2 answers
Push state array react
Javascript React
4 votes173 views2 answers
React checking matches in state array
Javascript React
15 votes164 views2 answers
Link reload page react
Javascript React
0 vote165 views1 answer
Getting state in react-router-dom v6
Javascript React
4 votes174 views2 answers
Entypo icons react native
Javascript React
0 vote170 views2 answers
React show view based on role permission
Javascript React
10 votes155 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React