React Routerで認証を制御する方法 - Qiita
React Routerで認証を制御する方法です。試行錯誤して良さそうな実装方法を発見したのでご紹介します。 アプリに認証があると、画面ごとに、 認証済みユーザのみアクセスを許可したいページ アカウント設定など 認証していないユーザのみアクセスを許可したいページ ログイン・新規登録など 認証に関係なくアクセスを許可したいページ Qiita投稿のようなパブリックなコンテンツなど の設定が必要になる場合があります。 React Routerのサンプルをいくつか見たところ幾つか認証を制御する方法が示されていました。 onEnterを使う方法 AuthenticatedComponent onEnterを使う方法 本家のサンプルで例示された実装です。現在βのreact-router 1.0.0が必要になります。 function requireAuth(nextState, transition)
React Router の画面遷移を CSSTransitionGroup でアニメーションさせる - Qiita
注意 React Router v0.13.3 時点の情報です。 多分今だと動かないです。 key の設定方法で嵌ったのでメモ。 デモ https://jsfiddle.net/mota2/ec5cfb16/3/ ポイント RouteHandler を CSSTransitionGroup で囲う RouteHandler の key に pathname を指定する CSSTransitionGroup は直下の要素の key の変化をトリガーにアニメーションするので、遷移前と後で異なる値を設定する必要がある。 Route のパスがちょうどいいので、ReactRouter.State mixin の getPathname の値を key に使う。 ソース App の中に Main を表示し、Main -> Sub に遷移させる。 var {CSSTransitionGroup} = R
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
