/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

16 votes128 views4 answers
Uuid react
Javascript React
5 votes127 views2 answers
React native components
Javascript React
127 votes254 views3 answers
Make react app
Javascript React
0 vote126 views1 answer
If statement in react native
Javascript React
0 vote145 views3 answers
React form validation
Javascript React
0 vote129 views2 answers
Assigning ID to view react native
Javascript React
0 vote133 views2 answers
Call a method of component from outside react
Javascript React
1 vote85 views1 answer
Mui modal backdrop
Javascript React
0 vote128 views1 answer
How to turn of autocomplete in react hook form material ui
Javascript React
0 vote130 views1 answer
React Redux store exemple
Javascript React