/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 vote326 views1 answer
Mreact graph
Javascript React
24 votes293 views6 answers
React native navigation
Javascript React
1 vote315 views1 answer
Picker change event react native
Javascript React
1 vote362 views1 answer
React counter input
Javascript React
1 vote355 views3 answers
Form action using react
Javascript React
1 vote324 views1 answer
How to share file from react native
Javascript React
0 vote340 views1 answer
Upload file react onclick
Javascript React
0 vote324 views1 answer
How disabled react-select
Javascript React
1 vote334 views1 answer
React js router parameters
Javascript React
0 vote298 views1 answer
React native webview disable touch
Javascript React