/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

99 votes311 views6 answers
How to install react router DOM
Javascript React
25 votes212 views4 answers
React context
Javascript React
0 vote308 views1 answer
React-native-quick-scroll npm
Javascript React
0 vote283 views1 answer
In whatsapp share text add a new line react
Javascript React
0 vote316 views1 answer
Cloudinary react
Javascript React
0 vote301 views1 answer
React string to integer
Javascript React
0 vote262 views1 answer
React createElement interactive button
Javascript React
2 votes288 views1 answer
Iframe in react native
Javascript React
3 votes287 views1 answer
React arrays
Javascript React
0 vote307 views2 answers
Quokka create-react-app sample
Javascript React