Tabs.TabPane is deprecated. Please use `items` directly.
时间: 2023-07-15 20:12:31 浏览: 588
TabPanel 选项卡
这是一个警告信息,意思是 Tabs.TabPane 已经过时了,建议使用 items 属性直接添加选项卡。
举个例子,在 Ant Design 中,Tabs 组件可以这样使用:
```
import { Tabs } from 'antd';
const { TabPane } = Tabs;
function App() {
return (
<Tabs defaultActiveKey="1">
<TabPane tab="Tab 1" key="1">
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>
);
}
```
如果你使用的是 Ant Design 4.x 版本,可以改为:
```
import { Tabs } from 'antd';
function App() {
return (
<Tabs defaultActiveKey="1" items={[
{ key: '1', title: 'Tab 1', content: 'Content of Tab Pane 1' },
{ key: '2', title: 'Tab 2', content: 'Content of Tab Pane 2' },
{ key: '3', title: 'Tab 3', content: 'Content of Tab Pane 3' },
]}>
{items => items.map(item => (
<Tabs.TabPane key={item.key} tab={item.title}>
{item.content}
</Tabs.TabPane>
))}
</Tabs>
);
}
```
这样就可以避免使用过时的 TabPane 组件了。
阅读全文