/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

1 vote308 views1 answer
How to map objects in react native
Javascript React
2 votes317 views1 answer
Emmet react self closing tags
Javascript React
18 votes285 views3 answers
How to hide header in react navigation
Javascript React
0 vote316 views1 answer
React native map repeate
Javascript React
0 vote298 views1 answer
Install react-foundation library in react js
Javascript React
5 votes329 views2 answers
Remove underline from link i react
Javascript React
29 votes283 views3 answers
Creating react app using npx
Javascript React
3 votes294 views1 answer
React js image path src from local folder
Javascript React
0 vote321 views1 answer
How to reset count in react
Javascript React
0 vote308 views1 answer
Uuid for react native
Javascript React