/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

23 votes170 views2 answers
Create-react-app npm yarn
Javascript React
0 vote130 views1 answer
React-tournament-ready
Javascript React
1 vote161 views4 answers
React router go rprevious page
Javascript React
0 vote92 views0 answer
React
Javascript React
0 vote146 views1 answer
React useEffect() the side-effect runs after every rendering
Javascript React
0 vote159 views1 answer
Mat slider in a reactve form
Javascript React
6 votes147 views2 answers
Google sign up react npm
Javascript React
0 vote149 views1 answer
Refresh page by hand in react
Javascript React
0 vote141 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
0 vote139 views1 answer
Styling scrollview height in react native
Javascript React