/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 vote180 views1 answer
React-data-table-component api action button
Javascript React
1 vote196 views1 answer
Detect touch react
Javascript React
0 vote179 views1 answer
React native gridient button
Javascript React
0 vote197 views1 answer
React-multi-carousel infinite loop causing issue
Javascript React
0 vote147 views1 answer
Debugging react native
Javascript React
0 vote138 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
1 vote132 views1 answer
Functions inside class component react
Javascript React
0 vote196 views1 answer
React roter dom npm
Javascript React
0 vote177 views1 answer
Jest create react app only run one test
Javascript React
9 votes171 views2 answers
React select options
Javascript React