antd a-modal标题使用a-tabs

您可以使用Ant Design的Tabs组件来实现在Modal中使用Tabs。

首先，您需要将Tabs组件作为Modal的标题，并将Tabs的onChange事件处理程序设置为更新Modal中要显示的内容的状态。

以下是一个示例代码片段：

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

const { TabPane } = Tabs;

const MyModal = () => {
  const [activeTab, setActiveTab] = useState('1');
  const [modalVisible, setModalVisible] = useState(false);

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

  const handleModalCancel = () => {
    setModalVisible(false);
  }

  return (
    <>
      <button onClick={() => setModalVisible(true)}>打开Modal</button>
      <Modal
        visible={modalVisible}
        onCancel={handleModalCancel}
        title={
          <Tabs activeKey={activeTab} onChange={handleTabChange}>
            <TabPane tab="Tab 1" key="1" />
            <TabPane tab="Tab 2" key="2" />
          </Tabs>
        }
      >
        {activeTab === '1' ? <p>Tab 1内容</p> : <p>Tab 2内容</p>}
      </Modal>
    </>
  );
};

export default MyModal;

这将创建一个Modal，其中包含两个选项卡，每个选项卡都有不同的内容。当用户点击选项卡时，Modal中显示的内容将相应地更新。