/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

5 votes165 views3 answers
Linear gradient react js
Javascript React
28 votes181 views6 answers
React fontawesome
Javascript React
1 vote183 views2 answers
How to prevent render in react
Javascript React
0 vote181 views1 answer
Dynamic useState in react
Javascript React
0 vote175 views1 answer
React-timeago npm
Javascript React
0 vote180 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
0 vote183 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
22 votes182 views4 answers
Npm react copy to clipboard
Javascript React
2 votes204 views2 answers
Property 'name' does not exist on type 'eventtarget' react
Javascript React
0 vote187 views1 answer
React js averta fonts not working in safari staging deployement
Javascript React