/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

15 votes377 views6 answers
Form in react
Javascript React
113 votes459 views6 answers
How to create a new react app
Javascript React
2 votes376 views2 answers
Pdf table files download react not working
Javascript React
16 votes371 views6 answers
React useState hook
Javascript React
0 vote329 views1 answer
Create react element with string
Javascript React
24 votes391 views4 answers
React copy to clipboard button
Javascript React
22 votes384 views3 answers
How to define array in react js
Javascript React
0 vote391 views1 answer
Find in array and return true or false react js
Javascript React
1 vote359 views1 answer
Circle progress react
Javascript React
2 votes416 views4 answers
Date range picker react
Javascript React