Reactを使ってブログサイトを作る 07 - 個人情報の表示

個人情報の表示

• Reduxのstore内でユーザー情報を取得する関連ロジックを作成。

• Layoutコンポーネント内でactionを実行し、store内のデータを使用してユーザー名をレンダリング。

ログアウト

• ポップアップ確認ボックスに確認のコールバックイベントを追加。
• store/userStore.js内にログアウト用のaction関数を新規作成し、その中でtokenを削除。
• コールバックイベント内でuserStoreのログアウトactionを呼び出し。
• ユーザー情報をクリアし、ログインページにリダイレクト。

トークンの無効化処理

• トークンが無効になると、バックエンドから401エラーが返されるため、request.jsで戻り値をチェック。
  
• 
  

インターフェースの統一管理

• src下にapisフォルダーを作成し、ログインリクエストやユーザー情報の取得、チャンネルリストの取得など、使用するAPIを統一して管理。