/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 vote371 views1 answer
React electron desktop app
Javascript React
0 vote417 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
1 vote360 views1 answer
Font awesome react native icons
Javascript React
0 vote335 views1 answer
Mdn react
Javascript React
30 votes323 views6 answers
React if statement
Javascript React
1 vote344 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
0 vote362 views1 answer
React native textinput lowercase
Javascript React
12 votes364 views4 answers
Uninstall material ui react
Javascript React
0 vote409 views1 answer
Icon with label in react native
Javascript React
6 votes390 views1 answer
React native data map is not a function
Javascript React