/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 vote323 views1 answer
How to disable reactive form submit button in Angular
Javascript React
66 votes292 views6 answers
Routing react
Javascript React
133 votes543 views5 answers
Npx create-react-app
Javascript React
-1 vote326 views1 answer
React_Weather_App
Javascript React
0 vote307 views1 answer
React-native resource android:attr/lStar not found in Android
Javascript React
0 vote314 views1 answer
Compass in react js
Javascript React
1 vote291 views1 answer
Strings compare react
Javascript React
30 votes314 views5 answers
Use effect react
Javascript React
0 vote301 views1 answer
How to install react native hooks with npm
Javascript React
0 vote331 views1 answer
React yup password with number string and uppercase
Javascript React