/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 vote251 views1 answer
Tailwind css toggle switch react
Javascript React
0 vote163 views1 answer
React native update helper
Javascript React
136 votes496 views6 answers
Create a react app
Javascript React
3 votes170 views2 answers
Handle onchange react
Javascript React
0 vote167 views1 answer
Ngif react
Javascript React
1 vote112 views1 answer
Add class to react children
Javascript React
7 votes203 views1 answer
React native hide scroll indicator
Javascript React
-2 votes130 views1 answer
React timepicker example
Javascript React
12 votes181 views2 answers
React native flatlist container style
Javascript React
7 votes181 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React