防止使用redux表单单击清除按钮时执行onBlur事件

Question

我有一个redux表单，其中有一个提交按钮和一个清除按钮。清除按钮正在分派复位功能，该功能以redux形式的属性给出。我的代码在这里：

<UsernameField
      name={NEW_USERNAME}
      onBlurFn={e => checkUsername(e.target.value)}
    />


<button className="gray" type="button" onClick={clearUsernameForm}>
      <FormattedMessage id="customer.clear.button" />
    </button>

    export const mapDispatchToProps = dispatch => ({
  clearUsernameForm: () => dispatch(reset(CHANGE_USERNAME_FORM)),
  /**
   * It requests to check if username already exists
   */
  checkUsername: (value) => {
    dispatch(checkSettingsUsernameAction(value, CHANGE_USERNAME_FORM, NEW_USERNAME));
  },
});

我的问题是，当我单击清除按钮时，onBlur事件正在触发。如何预防呢？