/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

1 vote248 views2 answers
Toastandroid react native
Javascript React
16 votes179 views3 answers
Start react native
Javascript React
1 vote158 views1 answer
No known class method for selector 'setScreenName:screenClass: react native
Javascript React
0 vote179 views2 answers
Background transparent react native
Javascript React
2 votes173 views1 answer
Display image as big as possible react native
Javascript React
0 vote165 views1 answer
Jest create react app only run one test
Javascript React
2 votes160 views1 answer
React refresh page every second
Javascript React
0 vote154 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
10 votes173 views3 answers
Install firebase react
Javascript React
0 vote157 views1 answer
Scirpt tag react
Javascript React