/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

9 votes211 views2 answers
Reactjs radio button onchange
Javascript React
0 vote223 views1 answer
React native dynamic style
Javascript React
1 vote237 views1 answer
Unexpected token. did you mean `{'>'}` or `>`? react
Javascript React
0 vote230 views1 answer
How to submit form in reactjs and send data in json
Javascript React
3 votes211 views2 answers
React usestate functional update
Javascript React
0 vote263 views2 answers
Airbnb and eslint react native
Javascript React
1 vote226 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote212 views1 answer
Sort by attribute in reactjs
Javascript React
0 vote226 views1 answer
How to resolve cors in production react
Javascript React
31 votes237 views3 answers
React mui icons
Javascript React