/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 vote370 views2 answers
How to validate date in react
Javascript React
0 vote360 views1 answer
React infinte scroll
Javascript React
0 vote350 views2 answers
React native share image
Javascript React
9 votes377 views3 answers
React js Uncaught RangeError: Maximum call stack size exceeded
Javascript React
0 vote394 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React
5 votes351 views2 answers
Get url query in react
Javascript React
1 vote377 views1 answer
React multiple event handlers]
Javascript React
0 vote382 views1 answer
Import a component react js
Javascript React
-1 vote357 views1 answer
React native smart splash screen
Javascript React
0 vote334 views1 answer
Remove unused dependencies in React Ask Question
Javascript React