antd tabs items属性
时间: 2023-08-28 16:06:37 浏览: 251
【JavaScript源代码】React antd tabs切换造成子组件重复刷新.docx
Ant Design中的Tabs组件有一个items属性,它用于定义选项卡的内容。该属性是一个数组,每个元素代表一个选项卡。
每个选项卡可以包含以下属性:
- key:选项卡的唯一标识符,必须提供。
- tab:选项卡的标题,可以是字符串或React组件。
- disabled:选项卡是否禁用,默认为false。
- closable:选项卡是否可关闭,默认为false。
- forceRender:是否强制渲染选项卡内容,默认为false。
以下是一个使用items属性创建选项卡的示例:
```
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>
);
}
```
阅读全文