/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 vote278 views1 answer
How to add button react native app.js
Javascript React
1 vote275 views1 answer
Tab navigation react-native without title
Javascript React
0 vote277 views1 answer
Retour à la ligne react native
Javascript React
0 vote266 views1 answer
Get data from mulitple query parameters react
Javascript React
1 vote278 views1 answer
Reactjs change window name
Javascript React
1 vote275 views1 answer
Breakline in react native
Javascript React
0 vote266 views1 answer
Onclick react history map
Javascript React
7 votes279 views1 answer
React native touchableopacity disable
Javascript React
18 votes260 views2 answers
How to import background image in inline css in react
Javascript React
7 votes280 views2 answers
React native rename
Javascript React