こんにちは、@yoheiMuneです。 今日はReact Routerを用いたルーティングにおいて、ページ遷移時にログインチェックを行う方法をブログに書きたいと思います。 目次 対象のバージョン React Routerはv4以上が対象です。 何がしたいのか React.jsでアプリケーションを作成した場合に、ルーティングはReact Routerで行うことがほとんどではないでしょうか。管理画面やマイページなどのログインが必要なページを開発している場合、画面遷移時にログインチェックを行いたいという要件は良くあります。そして、ログイン済みの場合にのみそのページを表示、未ログインならログインページにリダイレクトしたい、といった振る舞いを実装する場面があります。 それをReact Routerでどのように実現するのか、についてブログを書きたいと思います。 また、他のブログでは同期的なログインチェ
![[フロントエンド] ReactRouter(v4)で、ログインチェック付きのルーティングを行う - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/a83121f1bfbb3447391c5947b78aad7f21e5902a/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F581.jpg)