/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 vote211 views1 answer
React createElement interactive button
Javascript React
158 votes779 views6 answers
React create app
Javascript React
0 vote206 views1 answer
Reactjs class exemple componentDidMount
Javascript React
4 votes222 views2 answers
React helmet
Javascript React
1 vote207 views1 answer
"react native" component dynamic children props
Javascript React
0 vote199 views1 answer
React router route not found redirect
Javascript React
0 vote190 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
3 votes193 views1 answer
How to use react-fontawesome
Javascript React
-2 votes271 views1 answer
Keyboard close when typing react native
Javascript React
1 vote217 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React