/Javascript/React/UseHistory react-router-dom

UseHistory react-router-dom

In react-router-dom version 6 
useHistory() is replaced by useNavigate() ;

import {useNavigate} from 'react-router-dom';
const navigate = useNavigate();
navigate('/home')

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

Similar codes

0 vote91 views1 answer
Import ipcRenderer in react
Javascript React
142 votes168 views3 answers
Install react app
Javascript React
25 votes55 views4 answers
React context
Javascript React
3 votes99 views1 answer
How to call a function in react with arguments onclick
Javascript React
1 vote95 views1 answer
Adding list items in react
Javascript React
1 vote108 views1 answer
How to map objects in react native
Javascript React
1 vote111 views2 answers
React js alert popup example
Javascript React
0 vote105 views1 answer
Detecting change in animated value react native
Javascript React
0 vote112 views1 answer
On close tab react native web
Javascript React
0 vote98 views1 answer
Concatenate state with previous state in react redux
Javascript React