Warning: [antd: Tabs] Tabs.TabPane is deprecated. Please use `items` directly.

最新推荐文章于 2024-08-01 10:25:30 发布

snowDreamzzz

最新推荐文章于 2024-08-01 10:25:30 发布

阅读量1.1w

点赞数 5

分类专栏： pits 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qubes/article/details/127248364

版权

pits 专栏收录该内容

190 篇文章 3 订阅

订阅专栏

Warning: [antd: Tabs] Tabs.TabPane is deprecated. Please use items directly.

problem

控制台报错 Warning: [antd: Tabs] Tabs.TabPane is deprecated. Please use items directly.

reason

https://ant.design/components/tabs/
Usage upgrade after 4.23.0#

antd tabs组件在 4.23.0 版本上做了更新

solution

// before 
<Tabs activeKey={type} onChange={setType}>
    <Tabs.TabPane key="account" tab={'账户密码登录'} />
    <Tabs.TabPane key="mobile" tab={'手机号登录'} />
</Tabs>

// after 
const items = [
    { label: '账户密码登录', key: 'account',  }, 
    { label: '手机号登录', key: 'mobile', },
];
<Tabs activeKey={type} onChange={setType} items={items}></Tabs>