在React中，如何让onSubmit执行两个操作？

class MyForm extends React.Component {
  handleSubmit = (event) => {
    event.preventDefault();
    // 执行第一个操作
    // ...
    // 执行第二个操作
    // ...
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        {/* 表单内容 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

class MyForm extends React.Component {
  handleSubmit = (event) => {
    event.preventDefault();
    // 执行第一个操作
    // ...

    return new Promise((resolve) => {
      // 执行第二个操作
      // ...
      resolve();
    });
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        {/* 表单内容 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

class MyForm extends React.Component {
  handleSubmit = async (event) => {
    event.preventDefault();
    // 执行第一个操作
    // ...

    // 等待第一个操作完成
    await someAsyncFunction();

    // 执行第二个操作
    // ...
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        {/* 表单内容 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}