/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 vote245 views1 answer
How to make back button react
Javascript React
0 vote211 views1 answer
Scroll down react js typescript
Javascript React
0 vote238 views1 answer
Unistall react node package
Javascript React
1 vote172 views1 answer
Ctx in react
Javascript React
0 vote202 views1 answer
React js date ago
Javascript React
0 vote200 views6 answers
State functions of react cheatsheet
Javascript React
31 votes204 views1 answer
Install react router dom and save
Javascript React
0 vote197 views1 answer
Publish reactjs package to gitlab repository
Javascript React
18 votes262 views3 answers
Add material ui to react
Javascript React
0 vote205 views1 answer
Why to escape from quotation mark in react
Javascript React