/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 vote379 views1 answer
Spotify player react
Javascript React
0 vote389 views1 answer
Namespace react has no export member FC
Javascript React
4 votes376 views1 answer
How to empty form after submit in react
Javascript React
2 votes328 views1 answer
Range slider mui can't slide
Javascript React
0 vote391 views1 answer
React-scripts not found
Javascript React
0 vote399 views1 answer
React native updating options with setoptions
Javascript React
0 vote375 views1 answer
How to make multiple link using react
Javascript React
0 vote428 views1 answer
React onpaste get value
Javascript React
25 votes399 views6 answers
React native shadow android
Javascript React
6 votes405 views2 answers
Export default function react
Javascript React