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 vote231 views5 answers
How to use paystack with react
Javascript React
1 vote184 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React
0 vote232 views2 answers
Add typescript to react-native
Javascript React
0 vote239 views1 answer
Uuid react native expo
Javascript React
29 votes196 views3 answers
Creating react app using npx
Javascript React
1 vote206 views2 answers
React native map array of objects
Javascript React
0 vote227 views1 answer
OnChange react functional programming
Javascript React
0 vote219 views1 answer
React computed example
Javascript React
0 vote167 views1 answer
React native cross out letter
Javascript React
2 votes244 views4 answers
Date range picker react
Javascript React