x-tabs
安装
npm install --save xui-tabs
使用
<Tabs defaultActive="1" value="1" onChange={this.onChange}>
<TabPane tab="选项卡一" value="1">这是选项卡一的内容</TabPane>
<TabPane tab="选项卡二" value="2">这是选项卡2的内容</TabPane>
</Tabs>
<Tabs active={this.state.index} onChange={this.onChange}>
<TabPane tab="选项卡一" value="1">这是选项卡一的内容</TabPane>
<TabPane tab="选项卡二" value="2">这是选项卡2的内容</TabPane>
</Tabs>
Api
defaultActive
默认选中项
active
选中项，优选defaultActive
onChange
选项卡切换事件回调,参数为选中value
className
class样式类
TabPane
每个选项卡的项
tab
选项卡标题
value
对应的value值
className
class样式类
forceRender
被隐藏时是否渲染 DOM 结构,默认为true