禁用提交按钮，直到收到来自服务器的react-final-form格式的应答

<Field name="username" component="input" type="text" placeholder="Username" />

<button type="submit" disabled={true}>提交</button>

const onSubmit = async (values) => {
  // 发送表单数据到服务器
  const response = await fetch('服务器地址', {
    method: 'POST',
    body: JSON.stringify(values),
    headers: {
      'Content-Type': 'application/json'
    }
  });

  // 解析服务器的响应
  const data = await response.json();

  // 根据服务器的响应结果来更新提交按钮的禁用状态
  if (data.success) {
    // 服务器返回成功响应，将提交按钮设置为可用状态
    setSubmitButtonDisabled(false);
  } else {
    // 服务器返回失败响应，保持提交按钮禁用状态
    setSubmitButtonDisabled(true);
  }
};

const { form } = useForm();

// 根据表单的验证状态来更新提交按钮的禁用状态
const setSubmitButtonDisabled = (disabled) => {
  form.mutators.setSubmitButtonDisabled(disabled);
};

const setSubmitButtonDisabled = (disabled) => {
  form.mutators.setSubmitButtonDisabled(disabled);
};

// 注册自定义的mutator
useEffect(() => {
  form.mutators.setSubmitButtonDisabled = (disabled) => {
    form.change('submitButtonDisabled', disabled);
  };
}, [form]);

<button type="submit" disabled={form.getState().valid || form.getState().submitting || form.getState().values.submitButtonDisabled}>提交</button>