Tabs选项卡

activeKey的设置

<Tabs
 hideAdd    // 隐藏增加按钮
  type="editable-card"   // 只有type="editable-card"时，tab才可以编辑
	// 当前激活 tab 面板的 key，只有字符串类型起作用，数字类型不起作用
 activeKey={activeKey}  
 onEdit={this.deleteBanner}  // 删除banner
 onChange={this.tabChange}   // 切换banner
>   
  <TabPane tab={`图片${item.key}`} key={item.key} closable={true} >
      // TabPane 的 key属性用来和Tabs的activeKey相对应， 当两个属性相等时，显示当前页面
    {item.name}
  </TabPane>
</ Tabs>

提示

子面板的排布顺序一定要按index排布的顺序放置

Contributors

作者:Long Mo

字数统计:137 字

阅读时长:1 分钟

Long Mo

文章作者：Long Mo

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Longmo Docs ！