/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 vote63 views1 answer
Document is not defined react router
Javascript React
4 votes108 views1 answer
Enable emmit on react
Javascript React
0 vote256 views1 answer
Window.location.search get parameters react
Javascript React
0 vote102 views1 answer
How to redirect a form to another page when we submitted a form in react js
Javascript React
5 votes103 views2 answers
Get url query in react
Javascript React
0 vote102 views1 answer
Dull or blur a background image in react native
Javascript React
0 vote105 views1 answer
Options not working properly in reactjs
Javascript React
0 vote120 views1 answer
React duration picker
Javascript React
0 vote112 views1 answer
How to get the data from clicking on notification on web in reactjs
Javascript React
0 vote122 views1 answer
Text field drag and drop reactjs
Javascript React