/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

-2 votes169 views1 answer
React timepicker example
Javascript React
0 vote221 views1 answer
Storybook react
Javascript React
2 votes243 views1 answer
React select with custom option
Javascript React
0 vote194 views1 answer
Add event listener react hooks
Javascript React
0 vote206 views1 answer
Dropdown list value react fragment
Javascript React
0 vote214 views1 answer
Assign random colors react chartjs
Javascript React
0 vote362 views1 answer
Change theme in react-toastify
Javascript React
1 vote203 views2 answers
React how to sleep 1 second
Javascript React
2 votes254 views2 answers
React aws s3 npm
Javascript React
-1 vote187 views1 answer
React slick npm
Javascript React