antd tab标签遍历

要遍历antd Tab标签，可以使用antd Tab组件提供的属性和方法：

1. 使用Tab组件的onChange属性，当Tab标签被点击时，触发onChange事件，可以在事件处理函数中获取当前被点击的Tab标签的key值。

2. 使用Tab组件的activeKey属性，可以获取当前激活的Tab标签的key值。

3. 使用Tab组件的TabPane子组件，可以通过遍历TabPane子组件的props属性中的key值，来获取所有Tab标签的key值。

以下是示例代码：

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

const { TabPane } = Tabs;

const MyTabs = () => {
  const [activeKey, setActiveKey] = useState('1');

  const handleTabClick = (key) => {
    console.log('Clicked tab:', key);
    setActiveKey(key);
  };

  const tabKeys = ['1', '2', '3'];

  return (
    <Tabs activeKey={activeKey} onChange={handleTabClick}>
      {tabKeys.map((key) => (
        <TabPane tab={`Tab ${key}`} key={key}>
          Content of Tab Pane {key}
        </TabPane>
      ))}
    </Tabs>
  );
};

export default MyTabs;

在这个示例中，我们使用了useState来定义activeKey状态，用于记录当前激活的Tab标签的key值。然后，我们在Tab组件中使用了onChange属性来监听Tab标签的点击事件，并在事件处理函数中更新activeKey状态。

我们还定义了一个tabKeys数组，它包含了所有Tab标签的key值。我们使用map方法遍历这个数组，创建了多个TabPane子组件，其中每个TabPane子组件中都包含了一个唯一的key值。这样，我们就可以通过遍历TabPane子组件的props属性，来获取所有Tab标签的key值。