1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > react antd Tabs组件属性activeKey使用方法

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

时间:2022-05-29 16:39:13

相关推荐

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

项目使用过程中发现的,网上没有找到相关文章,可能就我(菜鸟)遇到了吧,哈哈~

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。