/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 vote158 views1 answer
React sagas state
Javascript React
0 vote151 views2 answers
React hotjar
Javascript React
0 vote165 views1 answer
Dropzone react view photo
Javascript React
0 vote165 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
-2 votes141 views1 answer
<Link> react import
Javascript React
0 vote142 views1 answer
Button react native style
Javascript React
0 vote139 views1 answer
React native scrollview scrollto()
Javascript React
5 votes170 views3 answers
React default proptypes
Javascript React
1 vote164 views3 answers
Iframe in react
Javascript React
0 vote136 views1 answer
Key being passed as prop react
Javascript React