Reactjs - Material UI- reduc form framework -分组复选框需要验证错误修复至少需要一个复选框

import React from 'react';
import { Field, reduxForm } from 'redux-form';

const validate = values => {
  const errors = {};
  if (!values.checkboxGroup || !values.checkboxGroup.length) {
    errors.checkboxGroup = '至少选择一个复选框';
  }
  return errors;
};

const renderCheckboxGroup = ({ input, meta }) => (
  <div>
    <label>复选框1<input type="checkbox" {...input} value="checkbox1" /></label>
    <label>复选框2<input type="checkbox" {...input} value="checkbox2" /></label>
    {meta.error && meta.touched && <span>{meta.error}</span>}
  </div>
);

const MyForm = props => {
  const { handleSubmit } = props;
  return (
    <form onSubmit={handleSubmit}>
      <Field name="checkboxGroup" component={renderCheckboxGroup} />
      <button type="submit">提交</button>
    </form>
  );
};

export default reduxForm({
  form: 'myForm',
  validate
})(MyForm);