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

0 vote317 views1 answer
React-loader-spinner
Javascript React
1 vote338 views4 answers
Notification react native
Javascript React
0 vote324 views1 answer
React native paper modal background
Javascript React
3 votes329 views2 answers
React usestate functional update
Javascript React
0 vote351 views1 answer
Swap scroll right in react native
Javascript React
0 vote295 views1 answer
Import ipcRenderer in react
Javascript React
-1 vote293 views3 answers
Instalar react native paper
Javascript React
1 vote309 views2 answers
React select disable option
Javascript React
0 vote323 views1 answer
React get dynamic window sizes
Javascript React
0 vote317 views1 answer
Font family react
Javascript React