/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 vote237 views1 answer
Handling scrolling on react router transitions
Javascript React
12 votes264 views2 answers
How to integrate redux dev tool to react application
Javascript React
16 votes260 views2 answers
Render text in for loop react in function
Javascript React
0 vote237 views1 answer
Play 2 audio react
Javascript React
1 vote191 views1 answer
How to pass props in react test cases
Javascript React
2 votes275 views2 answers
React native asign width to image
Javascript React
0 vote254 views1 answer
Form changes button enable reactive forms
Javascript React
0 vote236 views1 answer
String contains in react
Javascript React
0 vote243 views1 answer
How to detect if ios is in dark mode react native
Javascript React
2 votes235 views1 answer
React native socket io
Javascript React