/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

99 votes144 views6 answers
How to install react router DOM
Javascript React
1 vote130 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
1 vote142 views1 answer
Reactnavigation 5 hide header
Javascript React
0 vote130 views1 answer
Stop from from refresching page react
Javascript React
21 votes125 views6 answers
React native vector icons
Javascript React
26 votes126 views5 answers
React font-awesome
Javascript React
0 vote128 views1 answer
React native updating options with setoptions
Javascript React
-1 vote146 views1 answer
Date time react component
Javascript React
1 vote133 views5 answers
Enzyme adapter react 17
Javascript React
0 vote127 views1 answer
React-native-cli remove
Javascript React