如何使用AntDesign的标签页组件

要使用Ant Design的标签页组件，首先需要在项目中安装Ant Design库。你可以通过npm或yarn来安装Ant Design。

安装Ant Design：

npm install antd

或者

yarn add antd

在你的项目中引入Ant Design的标签页组件：

import React from 'react';
import { Tabs } from 'antd';

const { TabPane } = Tabs;

function App() {
  return (
    <Tabs defaultActiveKey="1">
      <TabPane tab="Tab 1" key="1">
        Content of Tab Pane 1
      </TabPane>
      <TabPane tab="Tab 2" key="2">
        Content of Tab Pane 2
      </TabPane>
      <TabPane tab="Tab 3" key="3">
        Content of Tab Pane 3
      </TabPane>
    </Tabs>
  );
}

export default App;

在这个例子中，我们使用了Tabs和TabPane组件来创建标签页。TabPane组件是Tabs组件的子组件，用来定义每个标签页的内容和标题。

你可以根据需要自定义标签页的样式和功能，比如添加图标、禁用标签页等。Ant Design还提供了丰富的API和属性来帮助你定制标签页组件。详细的使用文档可以在Ant Design官方网站找到：https://ant.design/components/tabs/