感觉是你赋值的时候没写对。demo点击的时候可以获取到对应的key,不会切换到其他的tab。如果不写死,就可以切换。
import React, { useState } from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import { Tabs } from "antd";
const { TabPane } = Tabs;
const Demo = () => {
const [tabKey, setTabKey] = useState("1");
const tabClicked = key => {
console.log(key);
setTabKey("1"); //锁定tab1
setTabKey(key); //点击切换
};
return (
<Tabs activeKey={tabKey} onTabClick={tabClicked}>
<TabPane tab="Tab 1" key="1">
Content of Tab Pane 1
</TabPane>
<TabPane tab="Tab 2" key="2">
Content of Tab Pane 2
</TabPane>
<TabPane tab="Tab 3" key="5">
Content of Tab Pane 3
</TabPane>
</Tabs>
);
};
ReactDOM.render(<Demo />, document.getElementById("container"));
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…