/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 vote427 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
7 votes307 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
64 votes345 views6 answers
Router react
Javascript React
1 vote321 views1 answer
React native linking phone call
Javascript React
0 vote388 views2 answers
Get location from brwoser react
Javascript React
0 vote392 views1 answer
Javascript array filter duplicates in react
Javascript React
2 votes424 views1 answer
React promises
Javascript React
2 votes344 views2 answers
React 17
Javascript React
-1 vote356 views1 answer
History of react js
Javascript React
0 vote380 views1 answer
React date component with word month
Javascript React