/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

9 votes214 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote195 views2 answers
React js big calendar
Javascript React
113 votes301 views6 answers
How to create a new react app
Javascript React
5 votes129 views2 answers
React hook form
Javascript React
0 vote213 views1 answer
Rotas react com axios
Javascript React
0 vote186 views1 answer
Detect finishing write react input
Javascript React
0 vote210 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
1 vote173 views1 answer
React native flatlist horizontal scroll
Javascript React
0 vote199 views2 answers
Run build version react
Javascript React
18 votes199 views3 answers
React detect enter key
Javascript React