/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

1 vote141 views1 answer
How to setup React Context, useContext Hook
Javascript React
78 votes147 views6 answers
React router redirect
Javascript React
16 votes161 views2 answers
Where to put background images in react app
Javascript React
2 votes123 views1 answer
React setupproxy
Javascript React
0 vote137 views1 answer
Render a react component only after API response is received
Javascript React
0 vote145 views1 answer
React native scrollview in modal
Javascript React
131 votes321 views6 answers
Creating react app
Javascript React
10 votes130 views1 answer
Device height react native
Javascript React
0 vote126 views1 answer
React native on expo finger print is working bt not in apk
Javascript React
0 vote133 views1 answer
Csv upload with react
Javascript React