/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

6 votes253 views2 answers
React native spinkit
Javascript React
4 votes267 views2 answers
React input number
Javascript React
3 votes248 views1 answer
Latest react version npm
Javascript React
0 vote240 views2 answers
On ddrop function react dropzone parameters
Javascript React
1 vote245 views1 answer
React navigation asyncstorage install
Javascript React
71 votes314 views5 answers
Css react
Javascript React
0 vote255 views1 answer
Format react code in visual studio code
Javascript React
0 vote267 views1 answer
React electron desktop app
Javascript React
1 vote256 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript React
0 vote253 views1 answer
React native dynamic style
Javascript React