Function enhance

src/higherOrders/FormItem.js:11–194

(ComposedComponent)

export const COMPONENTS = {};

export const enhance = (ComposedComponent) => {
  class FormItem extends Component {
    constructor (props) {
      super(props);

      this.state = {
        hasError: false,
        value: getValue(props)
      };

      this.valueType = getValueType(props.type);
      this.handleChange = this.handleChange.bind(this);
    }

    componentWillMount () {
      const { itemBind } = this.props;

      if (itemBind) {
        const value = getValue(this.props);
        this.bindToForm(this.props, value);
      }
    }

    componentDidMount () {
      let component = this.component;
      if (!component) {
        return;
      }
      Object.keys(component).forEach((key) => {
        if (!this.hasOwnProperty(key)) {
          let func = component[key];
          if (typeof func === 'function') {
            this[key] = func;
          }
        }
      });
    }

    componentWillReceiveProps (nextProps) {
      let { name, value, formData, itemUnbind } = nextProps;

      if (nextProps.type && nextProps.type !== this.props.type) {
        this.valueType = getValueType(nextProps.type);
      }

      if (formData) {
        value = formData[name];

        if (this.props.name !== name && itemUnbind) {
          itemUnbind(this.id, this.props.name);
          this.bindToForm(nextProps, value);
        }

        if (value !== this.state.value) {
          this.handleChange(value, nextProps);
        }
      } else {
        if (value !== this.props.value && value !== this.state.value) {