/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 vote209 views1 answer
Web-vitals react
Javascript React
0 vote170 views1 answer
Create-react-app height issues with flex
Javascript React
0 vote191 views1 answer
Change candle color react highcharts
Javascript React
32 votes188 views1 answer
How to use react router
Javascript React
123 votes276 views3 answers
Set interval react
Javascript React
5 votes202 views2 answers
Svg react native
Javascript React
0 vote186 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
0 vote266 views1 answer
How to set the id attr to a var in reactjs
Javascript React
1 vote196 views1 answer
Adding media queries in makeStyle material react
Javascript React
1 vote194 views1 answer
React-native curved view
Javascript React