<ValidatedForm rules={isShowCodeForm ? rules : withoutRules} onSubmit={onSubmit} className={classes.form}> onSubmit是异步方法，应如何调用

如果 `onSubmit` 是一个异步方法，那么你可以使用 `async/await` 或者返回一个 `Promise` 对象来调用它。

使用 `async/await` 调用 `onSubmit` 的方式如下：

const handleSubmit = async (event) => {
  event.preventDefault();
  try {
    await onSubmit(formData);
    // 这里可以处理提交成功后的逻辑
  } catch (error) {
    console.error(error);
    // 这里可以处理提交失败后的逻辑
  }
};

<ValidatedForm rules={isShowCodeForm ? rules : withoutRules} onSubmit={handleSubmit} className={classes.form}>
  // 表单字段
</ValidatedForm>

使用返回 `Promise` 对象的方式调用 `onSubmit` 的方式如下：

const handleSubmit = (event) => {
  event.preventDefault();
  return onSubmit(formData)
    .then(() => {
      // 这里可以处理提交成功后的逻辑
    })
    .catch(error => {
      console.error(error);
      // 这里可以处理提交失败后的逻辑
    });
};

<ValidatedForm rules={isShowCodeForm ? rules : withoutRules} onSubmit={handleSubmit} className={classes.form}>
  // 表单字段
</ValidatedForm>

无论哪种方式，都需要保证异步操作完成后再执行下一步逻辑，否则可能会出现 `Async Validation Error` 的错误。