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 vote141 views1 answer
React JSON data to display in a table
Javascript React
0 vote131 views1 answer
React-navigation headerbackbutton not export member of navigation
Javascript React
0 vote141 views1 answer
Syntax for srcset in react
Javascript React
0 vote230 views1 answer
Apache react deploy "conf"
Javascript React
4 votes150 views2 answers
How to use react-native-vector-icons
Javascript React
0 vote138 views1 answer
How to link to a different component in reactjs without react router
Javascript React
3 votes142 views1 answer
Navigation react pass props
Javascript React
0 vote173 views2 answers
React composition
Javascript React
-2 votes160 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
0 vote142 views2 answers
How to check for enter keyPress in react native
Javascript React