/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

6 votes306 views1 answer
Create bottom navigation bar react native
Javascript React
0 vote282 views1 answer
Pagination hook react
Javascript React
18 votes288 views6 answers
React native release apk command
Javascript React
0 vote313 views1 answer
React bootsrap color picker
Javascript React
-2 votes278 views1 answer
React timepicker example
Javascript React
2 votes308 views1 answer
Dot env react native
Javascript React
4 votes306 views2 answers
React get url params in class component
Javascript React
10 votes276 views4 answers
React hooks
Javascript React
4 votes296 views1 answer
UseEffect with axios react
Javascript React
0 vote287 views1 answer
How to add css based on route react
Javascript React