/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 vote221 views1 answer
External js doesn't works if revisit the page in react
Javascript React
0 vote173 views0 answer
React
Javascript React
0 vote225 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
4 votes196 views4 answers
Deploy react app
Javascript React
0 vote213 views1 answer
React native run on a particular emu
Javascript React
3 votes277 views3 answers
How to update react app
Javascript React
0 vote214 views1 answer
React padding at bottom svg
Javascript React
1 vote235 views1 answer
SFC in react
Javascript React
-3 votes226 views2 answers
Generate android folder in react native
Javascript React
0 vote231 views1 answer
Bottom shadow in react native
Javascript React