/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 vote159 views1 answer
React native npm run start port
Javascript React
0 vote139 views1 answer
React import useCallBack
Javascript React
18 votes131 views5 answers
How to use svg in react js
Javascript React
0 vote173 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
9 votes131 views2 answers
How to redirect react router from the app components
Javascript React
0 vote178 views1 answer
React document viewer
Javascript React
0 vote141 views1 answer
React js child css
Javascript React
48 votes135 views1 answer
Emmet not working in react nextjs
Javascript React
0 vote142 views1 answer
Limit data with axios in react js
Javascript React
-1 vote143 views1 answer
Animation react native npm
Javascript React