How to use the fluxible-addons-react.connectToStores function in fluxible-addons-react

<div>
                        
                    </div>
                
            
        );
    }
}


Header.contextTypes = {
    executeAction: PropTypes.func.isRequired,
    getUser: PropTypes.func
};

Header = connectToStores(Header, [UserProfileStore], (context, props) =&gt; {
    return {
        UserProfileStore: context.getStore(UserProfileStore).getState()
    };
});

export default Header;

<div>
                            {userlist}
                        </div>
                    
                
            
        );
    }
}

UserGroupEdit.contextTypes = {
    executeAction: React.PropTypes.func.isRequired
};

UserGroupEdit = connectToStores(UserGroupEdit, [UserProfileStore], (context, props) =&gt; {
    return {
        UserProfileStore: context.getStore(UserProfileStore).getState()
    };
});

export default UserGroupEdit;

{/*<div>
			    <img alt="" src="/assets/images/home/banner.jpg">
			</div>*/}
			
			
			);
    }
}

StaticPage.contextTypes = {
    intl: PropTypes.object.isRequired,
    getUser: PropTypes.func.isRequired,
    executeAction: PropTypes.func.isRequired
};

StaticPage = connectToStores(StaticPage, [UserProfileStore], (context, props) =&gt; {
    return {
        UserProfileStore: context.getStore(UserProfileStore).getState()
    };
});

export default StaticPage;

{this.state.status === 2 ?
                        <div>
                            
                        </div>
                        : null
                    }
                
            
        );
    }
}
CSVMappingResource.contextTypes = {
    executeAction: PropTypes.func.isRequired,
    getUser: PropTypes.func
};
CSVMappingResource = connectToStores(CSVMappingResource, [ImportStore], function(context, props) {
    return {ImportStore: context.getStore(ImportStore).getState()};
});
export default CSVMappingResource;

overflowX: 'auto',
            position: 'relative'
        };
        return (
            <div>
                {this.slideContentView || <div style="{loadStyle}"><div>Loading</div></div>}
            </div>
        );
    }
}

SlideViewPanel.contextTypes = {
    executeAction: PropTypes.func.isRequired
};

SlideViewPanel = connectToStores(SlideViewPanel, [SlideViewStore, DeckTreeStore], (context, props) =&gt; {
    return {
        SlideViewStore: context.getStore(SlideViewStore).getState(),
        DeckTreeStore: context.getStore(DeckTreeStore).getState()
    };
});

export default SlideViewPanel;

//TODO load 2 different sub-components DECK / SLIDE_ID

        return (
            <div>
                <h1><span>{diffType}</span> – Diff View</h1>
                <p>Change color palette: </p>
                <p>Diff the current revision [{currentRevision}] against:</p>
                
                <button>DIFF</button>
                <div></div>
            </div>
        );
    }
}

ContentDiffviewPanel = connectToStores(ContentDiffviewPanel, [ContentHistoryStore], (context, props) =&gt; {
    return {ContentHistoryStore: context.getStore(ContentHistoryStore).getState()};
});

export default ContentDiffviewPanel;

}
            return returnList;

        }
        else{
            return (<section>);
        }
    }

}

Presentation.contextTypes = {
    executeAction: React.PropTypes.func.isRequired
};

Presentation = connectToStores(Presentation, [PresentationStore], (context, props) =&gt; {
    return {
        PresentationStore: context.getStore(PresentationStore).getState()
    };
});


export default Presentation;
</section>

or 
                      <span>
                    
                    <input placeholder="Type #hashtags, @mentions" type="text">                  

                
            
        );
    }
}

EntityChart.contextTypes = {
    executeAction: React.PropTypes.func.isRequired
};

EntityChart = connectToStores(EntityChart, [TwitterStore], (context, props) =&gt; {
    return context.getStore(TwitterStore).getState();
});

export default EntityChart;
</span>

);
    }
}

Integrations.contextTypes = {
    executeAction: PropTypes.func.isRequired,
    intl: PropTypes.object.isRequired
};

Integrations = connectToStores(Integrations, [UserProfileStore], (context, props) => {
    return {
        UserProfileStore: context.getStore(UserProfileStore).getState()
    };
});

export default Integrations;

);
        }


    }
}
FacetedBrowser.contextTypes = {
    executeAction: PropTypes.func.isRequired,
    getUser: PropTypes.func
};
FacetedBrowser = connectToStores(FacetedBrowser, [FacetedBrowserStore], function (context, props) {
    return {
        FacetedBrowserStore: context.getStore(FacetedBrowserStore).getState()
    };
});
export default FacetedBrowser;