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

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

根据选定的选项卡，我想调用 apis。

标签： reactjstabsantd

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