ant.design的TabPane怎么使用

ant.design的TabPane是用于创建标签页的组件。你可以通过以下步骤使用它：

1. 首先，需要在你的React项目中导入TabPane组件：

import { Tabs } from 'antd';
const { TabPane } = Tabs;

2. 在你的组件中，创建一个Tabs组件，并在其中添加多个TabPane组件：

<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>

在上面的示例中，我们创建了一个带有三个标签页的Tabs组件。每个TabPane组件都有一个`tab`属性，用于指定标签页的标题，以及一个`key`属性，用于标识该标签页。

3. 你也可以使用其他属性来自定义标签页的样式和行为，例如：

<Tabs defaultActiveKey="1" centered>
  <TabPane tab="Tab 1" key="1" disabled>
    Content of Tab Pane 1
  </TabPane>
  <TabPane tab="Tab 2" key="2" closable>
    Content of Tab Pane 2
  </TabPane>
  <TabPane tab="Tab 3" key="3">
    Content of Tab Pane 3
  </TabPane>
</Tabs>

在上面的示例中，我们使用了`centered`属性来将标签页居中显示，`disabled`属性来禁用第一个标签页，`closable`属性来启用第二个标签页的关闭按钮。

这就是使用ant.design的TabPane组件的基本步骤。你可以根据自己的需求进行配置和自定义。