/Javascript/React/How to know the current route in react class component

How to know the current route in react class component

React get current route

/*In the 5.1 release of react-router there is a hook called useLocation,
which returns the current location object. 
This might be useful any time you need to know the current URL.*/
import { useLocation } from 'react-router-dom';

const location = useLocation();
console.log(location.pathname);

Source: stackoverflow.com

How to know the current route in react class component

/*For class based components*/
import { withRouter } from 'react-router-dom';

class SomeComponent extends Component {
  render() {
    console.log(this.props.location)
    console.log(this.props.location.pathname)
    console.log(this.props.location.match)
    return <div>Something</div>
  }
}

export default withRouter(SomeComponent)

Similar codes

50 votes195 views6 answers
Yarn create react app
Javascript React
0 vote222 views1 answer
React native firebase
Javascript React
0 vote184 views1 answer
To do list app react code
Javascript React
0 vote208 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
0 vote217 views2 answers
Apply back button to a react component
Javascript React
0 vote217 views1 answer
How to align text vertically center beside an image in react native
Javascript React
1 vote210 views1 answer
Stop page refresh on button click react
Javascript React
0 vote233 views3 answers
Get url parameter in react js
Javascript React
0 vote210 views1 answer
Hide and show on button click in react js functional component
Javascript React
4 votes220 views2 answers
Onitemclick react
Javascript React