griefworker https://blog.hatena.ne.jp/griefworker/ present https://tnakamura.hatenablog.com/ React Material-UI の Button をクリックしたら、React Router の機能を使ってページ遷移したいことが良くある。 useHistory フックで history オブジェクト取得しておいて、Button の onClick ハンドラ内で history.push してやれば実現できるけど、決まったパスに遷移するだけなので宣言的に書きたい。 調べたところ、Button の component に Link を指定し、to にクリック時の遷移先を指定すればいけるっぽい。メモを残しておく。 import React from "react"; import { Link } fr… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftnakamura.hatenablog.com%2Fentry%2F2020%2F08%2F12%2Fmaterial-ui-button-react-router-link" title="Material-UI の Button と React Router の Link を組み合わせる - present" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-08-12 17:46:05 rich https://tnakamura.hatenablog.com/entry/2020/08/12/material-ui-button-react-router-link 1.0 100%