/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

10 votes146 views2 answers
React text input onchange
Javascript React
0 vote152 views1 answer
React call component state
Javascript React
0 vote208 views1 answer
How to solve "Unexpected use of comma operator no-sequences" error in react
Javascript React
8 votes140 views3 answers
Change title react
Javascript React
1 vote167 views1 answer
React native scrollview sticky header
Javascript React
1 vote175 views1 answer
How to test useEffect in react testing library
Javascript React
0 vote153 views1 answer
Infinite scroll for chat react js
Javascript React
3 votes166 views3 answers
How to update react app
Javascript React
1 vote140 views1 answer
Npx: Create react chrome extension
Javascript React
2 votes154 views1 answer
How to see if a web site is useing react
Javascript React