defaultActiveKey 默认显示tabs activeKey绑定当前值,通过改变当前值,就可以通过事件跳转。
<Tabs defaultActiveKey={this.state.num} activeKey={this.state.numMo} onChange={this.callback.bind(this)} >
<TabPane tab="Tab 1" key="a1"> Content of Tab Pane 1</TabPane>
<TabPane tab="Tab 2" key="2">Content of Tab Pane 2 </TabPane>
<TabPane tab="Tab 3" key="3">Content of Tab Pane 3</TabPane>
</Tabs>
<button onClick={this.tabChange.bind(this)}> 点击切换</button>
tabChange() {
// 点击切换当前的tabs
this.setState( {numMo: '3'})
}
// 当tab切换的时候触发
callback(val) {
this.setState( { numMo: val })
}
网友评论