如何在lib选项卡中获取选择选项卡

【问题标题】：how to get select tab in lib tabs如何在lib选项卡中获取选择选项卡
【发布时间】：2021-12-22 19:32:42
【问题描述】：

我想获取选中的标签

<Tabs defaultActiveKey="1" >
    <Tabs.TabPane tab="SITES1" key="1">
    </Tabs.TabPane>
    <Tabs.TabPane tab="SITES2" key="2">
        Content of Tab Pane 2
    </Tabs.TabPane>
    <Tabs.TabPane tab="SITES3" key="3">
        Content of Tab Pane 3
    </Tabs.TabPane>
<Tabs />

基于选定的选项卡我要调用 apis。

【问题讨论】：

标签： reactjs tabs antd

【解决方案1】：

你需要有一个 onChange 函数：

const [active,setActive]=useState("1");

    function callback(key) {
          console.log(key);
          setActive(key)
        }  
        
          <Tabs defaultActiveKey={active} onChange={callback}>
            <Tabs.TabPane tab="SITES1" key="1">
            </Tabs.TabPane>
            <Tabs.TabPane tab="SITES2" key="2">
                Content of Tab Pane 2
            </Tabs.TabPane>
            <Tabs.TabPane tab="SITES3" key="3">
                Content of Tab Pane 3
            </Tabs.TabPane>
        <Tabs />

【讨论】：