useHistoryの使い方

useHistoryの使い方

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

// 1. useHistoryを宣言
const history = useHistory();

// 2. pushメソッドにURLを指定
const onClickHome = () => history.push("/home");

  return (
    <button type="button" onClick={onClickHome}>
      Go home
    </button>
  );
}

※push()　…　配列に要素を追加

参考サイト

【react-router-dom】ページ遷移させるときに使うuseHistoryをざっくり紹介【React】
https://qiita.com/TK_WebSE/items/de3e5e2cecc7ebdd1967