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 vote186 views1 answer
Npm: Create react chrome extension
Javascript React
0 vote187 views1 answer
React native clear route params
Javascript React
24 votes184 views5 answers
React map array
Javascript React
0 vote202 views1 answer
Generate ios build react native
Javascript React
0 vote190 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React
2 votes228 views1 answer
React native navigation hide navbar
Javascript React
0 vote252 views1 answer
${product} meaning in react js
Javascript React
0 vote187 views1 answer
Concept of node js with react js
Javascript React
140 votes770 views3 answers
React.js installation
Javascript React
0 vote199 views1 answer
Mreact graph
Javascript React