ReduxのConnect関数は私の状態がどのようになっているのでしょうか？

Question

私の国家がどこに住んでいるのか接続関数がどのように把握しているのか本当に興味がありますか？ combineReducerの関数との関係はありますか？そこから戻り値が得られていますか？

Answer 1

が反応-Reduxののconnect()機能を、それが<Provider>の中にネストされた任意のコンポーネントによってアクセスできるようにのリアクトcontext機能にReduxの店を置くために<Provider>コンポーネントに依存しています。

投稿Build Yourself a Reduxは、<Provider>とconnect()を含む、Reduxの仕組みの多くをカバーしています。

Answer 2

では、成分はprops又はcontextを使用することができるintarect反応します。 コンテキストをグローバル・プロップの一種として扱うことができます。コンテキストがプロバイダ・クラスで定義されると、ツリーの下のどこでもアクセスできます。 More on context

それはあなたに<Provider>コンポーネントを与え、明示的にストアを渡す必要があります。

<Provider store={store}> 
    <App ... /> 
    </Provider>, 

これは、コンテキストを作成し、reduxストアへの参照を設定する責任があります。一方connect機能で

はhigher order componentです。コンポーネントをラップし、プロバイダのコンテキストにアクセスできるようにします。あなたは簡単にこのようconnectを使用せずに店を使用することができます。

static contextTypes = { 
    store: PropTypes.object, 
}; 

render() { 
    const { store } = this.context; 
    console.log(store); 

要約する：