フラックスコンテナ関数 'createFunctional'の目的は何ですか？

Question

私はこのような「createFunctional」フラックスコンテナ機能を使用するフラックスパターンを持ってプロジェクトに取り組んでいます：

import {Container} from 'flux/utils'; 
import View from './MyView.js'; 
import AppStore from './AppStore.js'; 

function getStores() { 
    return [ 
    AppStore 
    ]; 
} 

function getState() { 
    var state = { 
    pie: AppStore.getState(), 
    }; 

    return state; 
} 

export default Container.createFunctional(View, getStores, getState); 

私はより良い、このコードを理解したいと思いますが、私はそれが難しいのドキュメントを見つけるために探していますこの関数。

私は何とかビューに格納し、状態機能を結合されている推測していて、それが何らかの形で（私はexample on the flux websiteに基づいて再構築している）、このコードと同じものです：

class MyView extends Component { 
    static getStores() { 
    return [AppStore]; 
    } 

    static calculateState(prevState) { 
    return { 
     pie: AppStore.getState(), 
    }; 
    } 

    render() { 
    return <div>blah..</div>; 
    } 
} 

const container = Container.create(CounterContainer); 

Answer 1

探しsource codeにはかなり単純です。

コンテナコンポーネントを作成します。コンポーネントは、指定されたすべてのストアにサブスクライブします。店舗に変更があった場合は、getState機能を使用して重要なものを取得します。

getStateの結果は、容器のthis.stateに保存されます。

コンテナのrender機能は、単にViewをレンダリングし、状態全体（結果はgetState）をプロパティとして渡します。つまり、コンテナはストアの変更を監視し、それらをプロパティとしてビューに渡します。これにより、コンポーネントの設計が簡素化されます。これは、ストアの状態とサブスクリプションを処理する必要がないためです。