/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

0 vote177 views1 answer
Nested arrays reactjs tables
Javascript React
1 vote211 views3 answers
Click outside React component
Javascript React
5 votes203 views1 answer
Redirect in netlify react
Javascript React
0 vote183 views1 answer
Dark mode with react hooks
Javascript React
0 vote192 views2 answers
React native bottom sheet example
Javascript React
1 vote202 views1 answer
React map array limit
Javascript React
4 votes178 views1 answer
React js materilize
Javascript React
2 votes190 views1 answer
Display image as big as possible react native
Javascript React
0 vote190 views1 answer
Botão delete no reactjs com class component
Javascript React
3 votes183 views3 answers
React ReferenceError: regeneratorRuntime is not defined
Javascript React