让“自定义”组件适应redux-forms？

import { Field, connect } from 'redux-form';

class CustomComponent extends React.Component {
  render() {
    const { input, meta, ...rest } = this.props;
    return (
      <div>
        <input {...input} {...rest} />
        {meta.touched && meta.error && <span>{meta.error}</span>}
      </div>
    );
  }
}

CustomComponent = connect()(CustomComponent);

<Field name="fieldName" component={CustomComponent} />

import { reduxForm } from 'redux-form';

class MyForm extends React.Component {
  render() {
    const { handleSubmit } = this.props;
    return (
      <form onSubmit={handleSubmit}>
        <Field name="fieldName" component={CustomComponent} />
        <button type="submit">Submit</button>
      </form>
    );
  }
}

MyForm = reduxForm({
  form: 'myForm'
})(MyForm);