/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 vote383 views2 answers
React native font based on viewport dimensions
Javascript React
0 vote353 views1 answer
Axios network error react native
Javascript React
0 vote344 views2 answers
Mobile nav react npm
Javascript React
0 vote347 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
0 vote330 views1 answer
Implement cai webchat in react native
Javascript React
0 vote361 views1 answer
React function runs several times
Javascript React
0 vote339 views1 answer
Async wait for axios reactjs
Javascript React
0 vote331 views1 answer
To do list app react code
Javascript React
13 votes331 views1 answer
React post request
Javascript React
0 vote340 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React