ant design tabs默认第一个选项卡被选定,如果想进入页面时候tabs所有选项卡均为未选择状态,但没有直接对应的API可调用,可以通过Tabs下的activeKey(当前激活 tab 面板的 key),和onchange组合实现
//先将activeKey置空,此时就不存在默认选项卡
this.state.activeKey=''
//点击切换面板时将对应的key值赋给activeKey,即可打开对应的标签页
checkTabs = (key) => {
this.setState({
activeKey:key
})
}
<Tabs
activeKey={this.activeKey}
onChange={this.checkTabs}
>
<TabPane
tab="1"
key="1"
>....
<TabPane
tab="2"
key="2"
>....