HOC.js

export class SignupControl extends React.Component {
  constructor(props) {
    super(props)
    this.handleSubmit = this.handleSubmit.bind(this)
  }
  
  handleSubmit(values) {
    return new Promise ((resolve, reject) => {
      this.props.actions.signup(values.name,
        values.email,
        values.password)
        .then(()=>{
          resolve()
        })
        .catch(()=>{
          reject({email: 'Email already in use'})
        })
    })
  }
  
  render() {
    let formConfig = {
      form: 'signUp'
      fields: ['name', 'email', 'password'],
      onSubmit: this.handleSubmit
    }
    
    let Form = reduxForm(formConfig)(this.props.children)
    
    return <Form />
  }
}
  
export default function createSignupControl (Component) {
  return connect(mapStateToProps, mapDispatchToProps)(props => (
    <SignupControl {...props}><Component /></SignUpControl>
  ));
}