/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 vote220 views1 answer
React native run android common error
Javascript React
0 vote210 views1 answer
React inlinle style set background image
Javascript React
16 votes220 views3 answers
Start react native
Javascript React
5 votes186 views3 answers
React routes multiple compoenents
Javascript React
0 vote192 views1 answer
How to make multiple link using react
Javascript React
0 vote211 views1 answer
React js usehistory push and pass props
Javascript React
3 votes205 views1 answer
Render image url in react native
Javascript React
0 vote209 views1 answer
Why is this undefined in react
Javascript React
0 vote214 views4 answers
How to pass data between routes in react
Javascript React
3 votes196 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React