ant-design tabs无默认选择选择卡

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"
     >....

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值