/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 vote185 views1 answer
Map of filtered data react
Javascript React
0 vote185 views1 answer
How to prevent previous radio button active react native
Javascript React
2 votes213 views1 answer
Make page refresh on top in react js
Javascript React
21 votes222 views6 answers
React native vector icon
Javascript React
0 vote178 views1 answer
React native mock
Javascript React
-1 vote207 views1 answer
Get height component react
Javascript React
0 vote186 views1 answer
Google pay payment gateway for react js project
Javascript React
1 vote192 views2 answers
History react router
Javascript React
4 votes193 views1 answer
How to send axios delete to the backend reactjs
Javascript React
19 votes303 views6 answers
Convert svg to react component
Javascript React