/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 vote328 views5 answers
React native cache clear
Javascript React
0 vote287 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
-1 vote343 views5 answers
Context Api in react
Javascript React
59 votes293 views3 answers
Npm react router dom
Javascript React
-2 votes336 views1 answer
React spring transition animations
Javascript React
0 vote335 views2 answers
React generate component command
Javascript React
1 vote318 views1 answer
React list
Javascript React
4 votes373 views2 answers
Change the route on button click react
Javascript React
0 vote349 views1 answer
React native text area align top
Javascript React
1 vote357 views1 answer
Get value of input element on button click react
Javascript React