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

关于作者

https://github.com/tianxiangbing