如何在一个onClick中设置多个功能

function onClickHandler() {
  // 执行功能1
  function1();

  // 执行功能2
  function2();

  // 执行功能3
  function3();
}

<button onClick={onClickHandler}>点击按钮</button>

<button onClick={() => {
  // 执行功能1
  function1();

  // 执行功能2
  function2();

  // 执行功能3
  function3();
}}>点击按钮</button>

function onClickHandler() {
  Promise.resolve()
    .then(() => {
      // 执行功能1
      return function1();
    })
    .then(() => {
      // 执行功能2
      return function2();
    })
    .then(() => {
      // 执行功能3
      return function3();
    })
    .catch((error) => {
      // 处理错误
      console.error(error);
    });
}

<button onClick={onClickHandler}>点击按钮</button>