/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 vote384 views1 answer
Blank array condition in react js
Javascript React
0 vote472 views2 answers
Hiding header in a specific screen in react native
Javascript React
4 votes368 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
0 vote402 views1 answer
How to have hotjar in react-hotjar
Javascript React
0 vote405 views1 answer
How to replace strings with react components
Javascript React
1 vote361 views1 answer
React router last page
Javascript React
2 votes381 views4 answers
React-hook-form-input npm
Javascript React
3 votes370 views1 answer
React on hover reveal
Javascript React
0 vote412 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React
22 votes393 views4 answers
Copy text to clipboard reactjs
Javascript React