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

Question

我要获取选中的标签

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

基于我要调用 api 的所选选项卡。

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

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

how to get select tab in lib tabs

tabs

reactjs

antd