/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

0 vote361 views1 answer
Debugging react native
Javascript React
0 vote380 views1 answer
Reactjs typeError: Cannot read property 'offsetHeight' of null
Javascript React
0 vote343 views1 answer
Change env location react
Javascript React
0 vote378 views1 answer
Add Multilanguage Support to React App
Javascript React
1 vote417 views1 answer
How to add two elements in one path in react router v6
Javascript React
0 vote352 views1 answer
Changing map style react-leaflet
Javascript React
7 votes364 views4 answers
Import image in react js
Javascript React
0 vote330 views1 answer
React route send informaion in url
Javascript React
1 vote367 views1 answer
React variable in stirng
Javascript React
4 votes369 views4 answers
Class component react
Javascript React