title: What is the necessity of "export default connect" when you are connecting your react component to redux store
body: <p>I was trying to create some components in the same jsx file. I wants to connect one of the child component to store(feels wrong here), without connecting the HOC component to the store.
  Therefore when connecting the child component he does not use <strong>export default connect</strong>. It creates an error saying <strong>actions</strong> are undefined.</p>
  
  <p>Example code.</p>
  
  <pre><code>class Test1 extends React.Component {
     constructor(props) {
     ****
     } 
     render(){
     ****
     }
  }
  function mapActionsToProps(dispatch) {
     return {
         actions: {
            testAction: bindActionCreators(testActionFromActions, dispatch)
         }
     }
  connect(mapStateToProps,mapActionsToProps) (Test1);
  
  class Test2 extends React.Component {
     constructor(props){
     ***
     }
     render(){
        return (&lt;Test1/&gt;);
     }
  }
  
  export default Test2;
  </code></pre>
  
  <p>My question is why we always need to use <strong>connect</strong> as <strong>export default connect</strong> ?. Is there any other ways to do the connect?.</p>
  
  <p>Thank you in advance.</p>