useHistory hook

Add Answer

Confused Crossbill answered on May 4, 2020 Popularity 10/10 Helpfulness 3/10

answer useHistory hook

related useHistory react-router-dom

related usehistory example

related useHistory() hook

related useHistory

useHistory hook

Comment

// useHistory() does not work inside an arrow function 
// notice @ line 9 that the history.push() is inside a usual function. not an arrow function

let myComponent = () => {
    
const history = useHistory();
  function routeChange(){
   history.push("/author");
  }
  
  return(<>
  <button onClick={ routeChange} > redirect </button>
  </>)
    
}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: hook javascript

Link to this answer
Share Copy Link

Contributed on Nov 26 2021

Confused Crossbill

0 Answers Avg Quality 2/10

Closely Related Answers

useHistory react-router-dom

Comment

In react-router-dom version 6 
useHistory() is replaced by useNavigate() ;

import {useNavigate} from 'react-router-dom';
const navigate = useNavigate();
navigate('/home')

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Nov 09 2020

Joyous Jackal

0 Answers Avg Quality 2/10

usehistory example

Comment

import { useHistory } from 'react-router-dom';

function Home() {
  const history = useHistory();
  return <button onClick={() => history.push('/profile')}>Profile</button>;
}

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: css-tricks.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 04 2020

Repulsive Rook

0 Answers Avg Quality 2/10

useHistory() hook

Comment

// useHistory() has been changed in v6, so instead use useNavigate()

check out the source link

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: hook

Link to this answer
Share Copy Link

Contributed on Jan 25 2022

DareDevil992

0 Answers Avg Quality 2/10

useHistory

Comment

replaced by useNavigate

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 16 2022

Marwen Labidi

0 Answers Avg Quality 2/10

useHistory hook

Contents

More Related Answers

useHistory hook

Closely Related Answers

useHistory react-router-dom

usehistory example

useHistory() hook

useHistory

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.