/Javascript/React/React router dom current path hook

React router dom current path hook

import { useLocation } from 'react-router-dom'

// Location is, for example: http://localhost:3000/users/new

// Care! MyComponent must be inside Router to work
const MyComponent = () => {
	const location = useLocation()
    
    // location.pathname is '/users/new'
    return <span>Path is: {location.pathname}</span>
}

export default MyComponent

Similar codes

3 votes187 views3 answers
How to manage safearea in both iphone and android in react native
Javascript React
3 votes170 views2 answers
Handle onchange react
Javascript React
4 votes163 views2 answers
Import reactdom
Javascript React
0 vote159 views1 answer
React bootstrap navbar align right buttons
Javascript React
0 vote168 views1 answer
Require cycle disable warning react native
Javascript React
0 vote163 views1 answer
Jsx tag with children react js
Javascript React
0 vote171 views1 answer
Fullcalendar edit event modal react
Javascript React
0 vote171 views1 answer
Setstate before function react
Javascript React
0 vote182 views1 answer
React native text input number only
Javascript React
0 vote162 views1 answer
Bottom shadow in react native
Javascript React