<!--
 * @Author: 田想兵
 * @Date: 2019-04-02 16:17:45
 * @LastEditTime: 2021-10-20 18:17:22
 * @github: https://github.com/tianxiangbing
 * @Contact: 55342775@qq.com
-->
# 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](https://github.com/tianxiangbing)
