React router hooks

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

React router hooks

import { useRouteMatch } from "react-router-dom";

function BlogPost() {
  let match = useRouteMatch("/blog/:slug");

  // Do whatever you want with the match...
  return <div />;
}

Source: reactrouter.com

Similar codes

6 votes336 views1 answer
React hooks scss supoort
Javascript React
-1 vote312 views2 answers
3 dots React
Javascript React
0 vote354 views1 answer
React js input autocomplete off
Javascript React
0 vote322 views1 answer
V4 history for react action or api calls
Javascript React
1 vote323 views1 answer
Reactjs change window name
Javascript React
0 vote337 views1 answer
React html symbol code
Javascript React
0 vote309 views1 answer
How to use empty href link in reactjs
Javascript React
0 vote354 views1 answer
Navigation.openDrawer is not a function react native
Javascript React
17 votes348 views5 answers
How to make apk react native
Javascript React
1 vote339 views1 answer
Set Custom User Agent react
Javascript React