在reactjs中的单个onClick上切换两个不同的功能

import React, { useState } from 'react';

function ToggleComponent() {
  const [toggleState, setToggleState] = useState('function1');

  const handleClick = () => {
    if (toggleState === 'function1') {
      // 执行第一个功能
      console.log('Function 1 executed');
      setToggleState('function2');
    } else {
      // 执行第二个功能
      console.log('Function 2 executed');
      setToggleState('function1');
    }
  };

  return (
    <button onClick={handleClick}>
      Click me to toggle between functions
    </button>
  );
}

export default ToggleComponent;