如何通过单击选项卡来更改操作栏菜单按钮

import React, { useState } from 'react';
import { Tabs, Button } from 'antd';

const { TabPane } = Tabs;

const App = () => {
  const [activeTab, setActiveTab] = useState('tab1');

  const handleTabChange = (key) => {
    setActiveTab(key);
  };

  const handleButtonClick = () => {
    // 根据选项卡的不同，执行相应的操作
    if (activeTab === 'tab1') {
      // 执行操作1
    } else if (activeTab === 'tab2') {
      // 执行操作2
    } else {
      // 执行其他操作
    }
  };

  return (
    <div>
      <Tabs activeKey={activeTab} onChange={handleTabChange}>
        <TabPane tab="选项卡1" key="tab1">
          内容1
        </TabPane>
        <TabPane tab="选项卡2" key="tab2">
          内容2
        </TabPane>
        <TabPane tab="选项卡3" key="tab3">
          内容3
        </TabPane>
      </Tabs>
      <Button onClick={handleButtonClick}>操作栏菜单按钮</Button>
    </div>
  );
};

export default App;