javascript - Flux/reactjs を使用してコントローラー ビューでレンダー コールを減らす方法

Question

反応するフラックス アーキテクチャのプロジェクトに取り組んでいます。私のコントローラービューは次のようになります

var MyComponent = React.createClass({
    getInitialState: function() {
        return MyStore.getData();
    },
    render: function() {
        return <ul className="navigation">
                   <UserControl/>
                   <NavigationBar change={this._onChange} messageCounter={this.state.data.score}/>
               </ul>
    },
    _onChange: function() {
        this.setState(Store.getData());
    }
});

レンダリング関数にいくつかのネストされたビューがあり、一部のビューで行われたすべての変更により、コントローラー ビューのレンダリング関数が実行されます。これにより、ネストされたすべてのコンポーネントのレンダリング機能も実行されますが、唯一の変更は UserControl コンポーネントです。ネストされたコンポーネントのレンダリング関数をすべて実行する必要はありません。

どうすれば修正できますか？
フラックスアーキテクチャーの挙動ですか？
レンダリング関数の呼び出し回数を減らすには?