/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

11 votes204 views2 answers
Shadow using react native
Javascript React
0 vote211 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React
0 vote198 views1 answer
How to run and clone react app
Javascript React
0 vote226 views1 answer
How to write sepearet styles in single line in react native
Javascript React
139 votes695 views2 answers
React js installation steps
Javascript React
8 votes210 views4 answers
Get current url react router
Javascript React
0 vote201 views1 answer
Only numbers or string. Input field in React
Javascript React
0 vote197 views1 answer
React proxy to flask server
Javascript React
0 vote254 views1 answer
Onclick on fragment react
Javascript React
0 vote283 views5 answers
How to use paystack with react
Javascript React