Tabs 标签页

分隔内容上有关联但属于不同类别的数据集合。

代码演示

API

Tabs

参数 说明 类型 默认值
activeKey 设置当前激活的tabPanel的key String -
tabBarPosition tab头的定位,可以是['left','right','top','bottom']中选择 String -
defaultActiveKey 如果activeKey没有设置的时候,当初始化的时候设置当前激活的tabPanel的key String 默认激活第一个
renderTabBar 怎样去渲染tab的头部 ():React.Node -
renderTabContent 怎样去渲染tab的内容区域 ():React.Node -
onChange tabPanel改变的时候的回调函数 (key:string):void -
destroyInactiveTabPane 是否在更改选项卡时销毁无效标签 Boolean false
style 添加到table上的style String u-tabs
onTabClick tab 被点击的回调 fun -
className 在tab组件上添加className fun -
extraContent 在导航上添加扩展元素 ():React.Node -
onPrevClick 当出现滚动时,点击上一个时的回调函数 fun -
onNextClick 当出现滚动时,点击下一个时的回调函数 fun -
animated tab切换时,是否使用动画 bool true

TabPane

参数 说明 类型 默认值
key 对应 activeKey string -
tab 选项卡头显示文字 string\ ReactNode -
style 选项卡样式 Object -
forceRender 在选项卡中强制渲染内容,而不是在单击选项卡后呈现延迟。 Boolean false
placeholder 懒加载时显示的内容 React:Node -