用户在redux-form中进行更改后，清除提交失败

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

const MyForm = (props) => {
  const { handleSubmit, error, reset } = props;

  const onSubmit = (values) => {
    // 模拟提交失败
    if (values.username === 'admin') {
      // 提交失败时，保存错误信息到redux状态
      props.dispatch({ type: 'SUBMIT_ERROR', error: '提交失败，请重试' });
    } else {
      // 提交成功时，重置表单
      reset();
    }
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      <div>
        <label>用户名</label>
        <Field name="username" component="input" type="text" />
      </div>
      <div>
        <label>密码</label>
        <Field name="password" component="input" type="password" />
      </div>
      {error && <div>{error}</div>}
      <button type="submit">提交</button>
    </form>
  );
};

// 使用reduxForm连接redux和表单组件
const ConnectedForm = reduxForm({
  form: 'myForm',
})(MyForm);

export default ConnectedForm;