HocExample.jsx

import React, { Component } from 'react';
import Input from './Input';
import withValidation from './withValidation';

class LoginForm extends Component {
  handleSubmit = () => {
    const isValid = this.props.validate();
    if (isValid) {
      // TODO: submit data
    }
  }

  handleFlieldChange = (fieldName, value) => {
    this.props.validateField(fieldName, value);
    this.setState(state => ({
      fields: {
        ...fields,
        [fieldName]: value
      }
    }));
  }

  render {
    return (
      <div>
        <Input
          label="name"
          value={this.state.fields.name} 
          errorMessage={this.props.errors.name}
        />
        <button onClick={this.handleSubmit} />
      </div>
    );
  }
}

export default withValidation({
  name: (value) => !value && 'name cannot be empty' // Some rules for each fields
})(LoginForm);