React-redux和React Navigation连接方法给出TypeError

Question

将组件导出到React Navigation时，我从React-redux TypeError函数中获得了connect。

我的组件

import { logout, login } from './common/redux/actions/index.js'
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';

class AuthenticateUser extends React.Component{
 ....

   render(){ 
    return (
     <View>
      <Text>Login stuff goes here...</Text> 
     </View>
    );
   }
}

function mapStateToProps(state){
    return {
      user: state.user
    };
}

function matchDispatchToProps(dispatch){
  return bindActionCreators(
    {
      logout: logout,
      login: login,
    },
    dispatch
  );
}

export default connect(mapStateToProps, matchDispatchToProps)(AuthenticateUser);

React-Navigation Component

  import AuthenticateUser from './AuthenticateUser';

  export const MainTabNav = createBottomTabNavigator(
   {
    ...
    AuthenticateUser:{ 
      screen: AuthenticateUser, 
      navigationOptions:{
        tabBarLabel:'Me',
      }
    },
   });
  const AppNav = createAppContainer(MainTabNav);
  export default AppNav; 

当我export我的组件没有connect时，它起作用。关于如何解决这个问题的任何建议？

Answer 1

因此，经过一番良好的睡眠和更多的咖啡后，我发现我需要用createAppContainer export我的[[Component。现在可以使用。

export const authComponent = connect(mapStateToProps, matchDispatchToProps)(AuthenticateUser);
export default createAppContainer(authComponent);