react antd Tabs组件属性activeKey使用方法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_37695006/article/details/82996850

项目使用过程中发现的，网上没有找到相关文章，可能就我（菜鸟）遇到了吧，哈哈～

提供了这个属性，但是官网没有给出相关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并存！）