项目使用过程中发现的,网上没有找到相关文章,可能就我(菜鸟)遇到了吧,哈哈~
提供了这个属性,但是官网没有给出相关demo,开始是通过ref设置activeKey发现无效,最后找到解决办法,代码如下:
<Tabs ref={(e) => { this._Tabs = e }} activeKey={this.state.index} onChange{(key)=>{console.log(key);this.setState({ index: key });}}><Tabs.TabPane key="1" tab="Tab 1">Content of Tab Pane 1</Tabs.TabPane><Tabs.TabPane key="2" tab="Tab 2">Content of Tab Pane 2</Tabs.TabPane><Tabs.TabPane key="3" tab="Tab 3">Content of Tab Pane 3</Tabs.TabPane></Tabs><Button className="btn" onClick={()=>{console.log(this._Tabs)this.setState({ index: "2" });}} type="primary">选中第二个</Button>
其实就是activeKey用state定义,自己然后在onchange里重写下切换,外部改变的时候直接setState就行。(defaultActiveKey不要和activeKey并存!)