/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

1 vote146 views1 answer
How to use react memo hooks
Javascript React
0 vote108 views2 answers
Discord js remove all reactions from user
Javascript React
0 vote161 views1 answer
React does not send the cookie automatically
Javascript React
1 vote172 views1 answer
React native get numeric random string length of 5 characters
Javascript React
0 vote152 views1 answer
How to disable reactive form submit button in Angular
Javascript React
29 votes150 views6 answers
React background image
Javascript React
1 vote211 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
0 vote158 views1 answer
React set state before render
Javascript React
1 vote158 views1 answer
React material ui input max length
Javascript React
0 vote156 views1 answer
React-metismenu-router-link
Javascript React