各コンポーネントは、ユーザーがReactJsにログインしているかどうかをチェックする方法をレンダリングする前に？

Question

私は反応する初心者です、各コンポーネントレンダリングで私はユーザーがログインしているかどうかをチェックしたいですか？私はそれに応じて私のヘッダーとコンポーネントを変更することができます。

Answer 1

コンポーネントに小道具として渡すことができます。あなたはReduxのを使用しているときにユーザーがログインし、あなたがグローバルな状態を変更することができると仮定すると、あなたの減速で ：。

case LOGIN_SUCCESS: 
return Object.assign({}, state, { 
    isLoggedIn: true 
}); 

あなたは今反応し使用してコンテナからコンポーネントの状態（isLoggedIn）でログインを渡すことができます-redux：

const mapStateToProps = (state) => ({ 
    loggedIn: state.yourReducer.isLoggedIn 
}); 
const HeaderContainer = connect(mapStateToProps)(Header); 

ヘッダーコンポーネントには、レンダリング機能で使用できるログインがあります。