bati11 https://blog.hatena.ne.jp/bati11/ bati11 の 日記 https://blog.bati11.info/ JavaScript 前回に引き続きGoogle Sign-In をReactなSPAで使ってみた時の日記、2日目です。 今回はReactRouterを使って、ログイン前と後で画面を変えてみます。 ReactRouterを導入 ReactRouterを使う。バージョンは 4.2.2 。 $ npm install --save-prod react-router-dom + react-router-dom@4.2.2 とりあえず、以下のようにルーティングする。 / にアクセスするとトップページ /login にアクセスするとログインページ 前回のコードを元に書き換えたのが以下。これを元に書いていく。 // src… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.bati11.info%2Fentry%2F2018%2F05%2F13%2F163000" title="ReactRouterを使ってGoogleログイン前と後で画面を変える - bati11 の 日記" 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 2018-05-13 16:30:00 rich https://blog.bati11.info/entry/2018/05/13/163000 1.0 100%