/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

140 votes466 views5 answers
React js installation
Javascript React
0 vote308 views1 answer
Form.select react bootstrap
Javascript React
0 vote316 views1 answer
React-native-ffmpeg gradel issue
Javascript React
7 votes326 views4 answers
React native textinput disable keyboard
Javascript React
2 votes367 views2 answers
Select field in react native
Javascript React
0 vote315 views1 answer
React 5 to 10 rating
Javascript React
5 votes315 views3 answers
Open in a new tab react
Javascript React
0 vote296 views1 answer
Too many open files react native
Javascript React
0 vote306 views1 answer
React native updating options with setoptions
Javascript React
1 vote316 views1 answer
Webpack-bundle-analyzer react
Javascript React