antd tabs 怎么拿到tab的dom

在Ant Design (antd) 的 Tabs 组件中，如果你想要获取某个 Tab 的 DOM 元素，你可以通过 `activeKey` 或者索引来访问对应的 TabPane。TabPane 可能会被包装在一个 `.ant-tabs-tabpane` 的容器里。

以下是一个简单的示例：

import { Tabs, TabPane } from 'antd';

const { Tab } = Tabs;

function App() {
  const [activeKey, setActiveKey] = React.useState('1'); // 假设我们有三个 Tab

  function handleActiveChange(key) {
    setActiveKey(key);
    console.log(`当前激活的 Tab 的 DOM:`, document.querySelector(`.ant-tabs-tabpane.ant-tabs-tabpane-${key}`)); // 获取对应的 TabPane
  }

  return (
    <div>
      <Tabs activeKey={activeKey} onActiveChange={handleActiveChange}>
        <Tab tab="Tab 1" key="1">Content of Tab 1</Tab>
        <Tab tab="Tab 2" key="2">Content of Tab 2</Tab>
        <Tab tab="Tab 3" key="3">Content of Tab 3</Tab>
      </Tabs>
    </div>
  );
}

export default App;

在这个例子中，当切换 Tab 时，会调用 `handleActiveChange` 函数，通过 `document.querySelector` 来获取对应于 `activeKey` 的 TabPane 的 DOM。