/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

2 votes219 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
2 votes251 views1 answer
Text decoration in react
Javascript React
1 vote202 views1 answer
Circle progress react
Javascript React
0 vote266 views1 answer
Different ways to write react file paths
Javascript React
1 vote265 views1 answer
React native object is empty
Javascript React
1 vote250 views1 answer
Firebase app named default already exists react native
Javascript React
15 votes295 views3 answers
Create react app and tailwind
Javascript React
0 vote251 views1 answer
Add event listener react hooks
Javascript React
0 vote255 views1 answer
How to add debounce in react redux js
Javascript React
0 vote231 views1 answer
React merge two objects
Javascript React