/Javascript/React/How to get url in react

How to get url in 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

Get data from url using react

this.props.match.params.id

Source: stackoverflow.com

Similar codes

0 vote339 views1 answer
Yarn react select
Javascript React
0 vote322 views2 answers
Can we use .env in react native?
Javascript React
0 vote340 views1 answer
Decrease touchableopacity in react native
Javascript React
0 vote344 views1 answer
React native notifications error
Javascript React
1 vote351 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
7 votes306 views4 answers
React native update state array of objects
Javascript React
0 vote379 views1 answer
React native storage
Javascript React
12 votes358 views3 answers
Get value of input react
Javascript React
0 vote355 views1 answer
Hide urls in .env in react app
Javascript React
3 votes340 views1 answer
React router dom current path hook
Javascript React