ルータコンポーネントにコンテキストを伝播する方法。 Reactjs

Question

私はreactjsアプリにログオンしたユーザーのデータをグローバルにしたい。 マイアプリのコード：

class App extends Component { 
    getChildContext =() => { 
    return { 
     user: { 
     name: 'username', 
     email: 'email@rmail.com' 
     } 
    } 
    } 

    render() { 
    return (
    <Router> 
     <div> 
     <Route exact path='/game' component={Game} /> 
     <Route exact path='/singup' component={Singup} /> 
     </div> 
    </Router> 
); 
} 

App.childContextTypes = { 
user: PropTypes.object 
}; 

ゲームのコンポーネントでは、私が手this.context.userて使用しようとするが、私は未定義を取得します。

コンテキストをルーターコンポーネントに伝播できますか？コンテキストプロバイダにchildContextTypesとgetChildContextを添加することにより

Answer 1

は、自動的に情報をダウン渡し、サブツリー内の任意の成分がcontextTypesを定義してそれにアクセスすることができるが反応します。 contextTypesが定義されていない場合、contextは空のオブジェクトになります。

あなたはコンテキストを伝播する必要はありませんあなたのGameコンポーネント

Game.contextTypes = { 
    user: PropTypes.object 
}; 

https://reactjs.org/docs/context.html