我有一个React-Final-Form来验证它的表单字段。
我希望在单击取消或重置按钮时不调用验证。但是，如果单击取消按钮导致无效字段显示错误消息，则永远不会调用 *onCancel函数 *。即使我将按钮类型设置为“重置”，也会发生这种情况。
如果validate没有返回更改，则只有在这样的情况下才能到达 onCancel 函数。

handleSubmit(values) { console.log(JSON.stringify(values, 0, 2)) }

  onCancel() { console.log("cancelled!"); }

  render() {
    const onSubmit = async values => { this.handleSubmit(values); };

   return (
     <Form name="form" 
        onSubmit={onSubmit}
        validate={values => {
                  const errors = {};
                  if (!values.username) { errors.username = 'Required' }
                  return errors }}

        render={({handleSubmit}) => (
          <form onSubmit={handleSubmit}>
            <Field name="username">
              {({ input, meta }) => (
                 <input {...input} type="text" placeholder="Username" autoFocus>
                 {meta.error && meta.touched && <span>{meta.error}/span>}                   
              )}
            </Field>

            <button type="submit">Submit</button>
            <button type="button" onClick={onCancel}>Cancel</button>
          </form>
        )}/>
  );