如何删除包含带有类组件的字段的FieldArray中的字段

import { FieldArray, reduxForm } from 'redux-form';

const MyForm = ({ handleSubmit }) => {
  return (
    <form onSubmit={handleSubmit}>
      <FieldArray name="myFieldArray" component={renderFieldArray} />
      <button type="submit">提交</button>
    </form>
  );
};

const renderFieldArray = ({ fields }) => {
  return (
    <div>
      {fields.map((field, index) => (
        <div key={index}>
          <input type="text" {...field.input} />
          <button type="button" onClick={() => fields.remove(index)}>
            删除
          </button>
        </div>
      ))}
      <button type="button" onClick={() => fields.push()}>
        添加字段
      </button>
    </div>
  );
};

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