/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 vote219 views1 answer
React state as object
Javascript React
0 vote352 views1 answer
How to change tab color react bootstraps customixation
Javascript React
92 votes230 views6 answers
React router dom
Javascript React
2 votes211 views1 answer
Upload image in firebase storage react web
Javascript React
0 vote247 views1 answer
Mat slider in a reactve form
Javascript React
0 vote297 views2 answers
Enzyme-adapter-react-16
Javascript React
0 vote219 views1 answer
How to convert react component to image
Javascript React
0 vote302 views1 answer
React google places auto complete example
Javascript React
0 vote225 views1 answer
Fetch data from asyncstorage react native
Javascript React
0 vote228 views1 answer
Stop playing music when page is closed react
Javascript React