/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 vote238 views1 answer
Button react native style
Javascript React
0 vote249 views1 answer
How to get property names from object using map method react
Javascript React
0 vote236 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
0 vote226 views1 answer
Add React Router to React Redux CRUD App
Javascript React
0 vote256 views1 answer
React native style variable
Javascript React
7 votes243 views5 answers
Resize image react native
Javascript React
0 vote248 views1 answer
React replace all line breaks with br
Javascript React
4 votes248 views1 answer
UseEffect with axios react
Javascript React
0 vote243 views1 answer
React-router in saga
Javascript React
0 vote255 views1 answer
React toastify does not have design
Javascript React