すべての反応コンポーネントで `context.store`を調べることはできますか？

Question

私はにアクセスして、Reactとreact-reduxを使用するアプリで作業中にデバッグと学習をしたいと考えています。

あなたはこのビデオでは、この時点でcontextオブジェクトの再来の使用を見ることができます：https://youtu.be/VJ38wSFbM3A?t=13m36s

私が試してみました：

class MyComponent extends Component { 
    constructor(props, context){ 
    super(props, context); 
    console.log("MyComponent context", context); // Just an empty object 
    } 
    static childContextTypes = { 
    store: React.PropTypes.object 
    }; 
} 

は、どのように私はこのcontextオブジェクトを調べることができますか？

Answer 1

childContextTypesの代わりにcontextTypesと書くと、コンテキストオブジェクトにはstoreがあり、検査が可能です。

childContextTypesは、コンテキストに追加するためのAPIである、とcontextTypesはあなたがを消費に欲しいものを指定するためのAPIです。

Answer 2

できます。しかし、デバッグするすべてのコンポーネントに対して、ストアにアクセスするためにコンテキスト・ハンドラを設定する必要があります。

Redux開発ツールを使用することで、店舗のデバッグや検査を行う優れた方法があります。

https://github.com/zalmoxisus/redux-devtools-extension