Ant Design Tabs切换控制

 

注意点：

1.需要绑定activeKey，而不是defaultActiveKey属性，否则加载完成后无法通过设置state值切换。

2.绑定activeKey后选项卡切换点击无效，需通过点击事件修改state值才行。

 

切换控制

this.setState({
defaultActiveKey:"2"
});
 
tabClickHandler = (params) => {
this.setState({
defaultActiveKey:params
})
}
 
<Tabs activeKey={defaultActiveKey} onTabClick={(params)=>this.tabClickHandler(params)}>