{"provider_url":"https://hatena.blog","title":"Material-UI \u306e Button \u3068 React Router \u306e Link \u3092\u7d44\u307f\u5408\u308f\u305b\u308b","version":"1.0","author_url":"https://blog.hatena.ne.jp/griefworker/","provider_name":"Hatena Blog","blog_title":"present","html":"<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 \u306e Button \u3068 React Router \u306e Link \u3092\u7d44\u307f\u5408\u308f\u305b\u308b - present\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","description":"Material-UI \u306e Button \u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u3001React Router \u306e\u6a5f\u80fd\u3092\u4f7f\u3063\u3066\u30da\u30fc\u30b8\u9077\u79fb\u3057\u305f\u3044\u3053\u3068\u304c\u826f\u304f\u3042\u308b\u3002 useHistory \u30d5\u30c3\u30af\u3067 history \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u53d6\u5f97\u3057\u3066\u304a\u3044\u3066\u3001Button \u306e onClick \u30cf\u30f3\u30c9\u30e9\u5185\u3067 history.push \u3057\u3066\u3084\u308c\u3070\u5b9f\u73fe\u3067\u304d\u308b\u3051\u3069\u3001\u6c7a\u307e\u3063\u305f\u30d1\u30b9\u306b\u9077\u79fb\u3059\u308b\u3060\u3051\u306a\u306e\u3067\u5ba3\u8a00\u7684\u306b\u66f8\u304d\u305f\u3044\u3002 \u8abf\u3079\u305f\u3068\u3053\u308d\u3001Button \u306e component \u306b Link \u3092\u6307\u5b9a\u3057\u3001to \u306b\u30af\u30ea\u30c3\u30af\u6642\u306e\u9077\u79fb\u5148\u3092\u6307\u5b9a\u3059\u308c\u3070\u3044\u3051\u308b\u3063\u307d\u3044\u3002\u30e1\u30e2\u3092\u6b8b\u3057\u3066\u304a\u304f\u3002 import React from \"react\"; import { Link } fr\u2026","type":"rich","height":"190","published":"2020-08-12 17:46:05","width":"100%","categories":["React"],"url":"https://tnakamura.hatenablog.com/entry/2020/08/12/material-ui-button-react-router-link","image_url":null,"author_name":"griefworker","blog_url":"https://tnakamura.hatenablog.com/"}