title: React-redux @connect does not work, but connect() does
body: <p>I am unable to use the <code>@connect()</code> syntax in place of <code>export default connect()</code></p>
  
  <p>I've noticed that when I use the usual syntax</p>
  
  <pre><code>class PhonePage extends Component { ... }
  
  export default connect(state =&gt; ({
          testedByPhone: state.phonepage.testedByPhone
      }),
      (dispatch) =&gt; ({
          actions: bindActionCreators(testUserPhone, dispatch)
      })
  )(PhonePage)
  </code></pre>
  
  <p>I get my state properly registered in my store. </p>
  
  <p>And it looks like this: <code>Object {screenProps: undefined, navigation: Object, testedByPhone: Object}</code></p>
  
  <p>But when I use the @connect decorator to make things cleaner, I don't get anything listed in my state.</p>
  
  <pre><code>@connect(
      state =&gt; ({
          testedByPhone: state.phonepage.testedByPhone
      }), 
      { testUserPhone }
  )
  class PhonePage extends Component { ... }
  
  export default PhonePage
  </code></pre>
  
  <p>Suddenly it's somehow not actually connecting things: <code>Object {screenProps: undefined, navigation: Object}</code></p>
  
  <p><strong>What am I doing wrong, and what is the correct way to use the magical @connect decorator that I see everyone using?</strong></p>
  
  <hr>
  
  <p>The rest of the code, just in case it's needed, in the form of @connect;</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>'use strict'
  
  import React, { Component } from 'react'
  import {
    AppRegistry,
    StyleSheet,
    Text,
    ScrollView,
    View,
    StatusBar,
    TouchableHighlight,
    Button,
    TextInput
  } from 'react-native'
  import { NavigationActions } from 'react-navigation'
  
  import { bindActionCreators } from 'redux'
  import { connect } from 'react-redux'
  import { testUserPhone } from './actions'
  
  import PhoneInput from 'react-native-phone-input'
  
  @connect(
      state =&gt; ({
          testedByPhone: state.phonepage.testedByPhone
      }), 
      { testUserPhone }
  )
  class PhonePage extends Component {
  
      constructor(){
          super()
      }
  
      componentDidMount() {
          // this.props.testUserPhone
      }
  
      render() {
          console.log(this.props)
          return(
              ...
          )
      }
  }
  
  export default PhonePage
  
  // export default connect(state =&gt; ({
  //         testedByPhone: state.phonepage.testedByPhone
  //     }),
  //     (dispatch) =&gt; ({
  //         actions: bindActionCreators(testUserPhone, dispatch)
  //     })
  // )(PhonePage)
  
  // module.exports = PhonePage</code></pre>
  </div>
  </div>
  </p>