/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 vote137 views1 answer
How to test useEffect in react testing library
Javascript React
0 vote113 views1 answer
Reactvs y axis range
Javascript React
0 vote142 views1 answer
Navigation.openDrawer is not a function react native
Javascript React
0 vote212 views1 answer
Open screen pdf on google drive react native expo
Javascript React
0 vote119 views1 answer
React-bootstrap problem-import new version
Javascript React
0 vote124 views1 answer
Uuid for react native
Javascript React
1 vote76 views1 answer
React native linking phone call
Javascript React
0 vote77 views4 answers
React node sequilize
Javascript React
19 votes118 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote126 views1 answer
React hooks port requst
Javascript React