📅  最后修改于: 2023-12-03 15:14:48.033000             🧑  作者: Mango
dropdown.item
组件是 Ant Design 框架中的下拉菜单项组件之一。它可用于创建下拉菜单中的一项,通常作为下拉菜单的子组件出现。
Dropdown.Item 组件通常与 Dropdown 组件结合使用。示例如下:
import { Dropdown, Menu } from 'antd';
import { DownOutlined } from '@ant-design/icons';
const menu = (
<Menu>
<Menu.Item>
<a target="_blank" rel="noopener noreferrer" href="https://www.antgroup.com">
第一个菜单项
</a>
</Menu.Item>
<Menu.Item>
<a target="_blank" rel="noopener noreferrer" href="https://www.aliyun.com">
第二个菜单项
</a>
</Menu.Item>
<Menu.Item>
<a target="_blank" rel="noopener noreferrer" href="https://www.luohanacademy.com">
第三个菜单项
</a>
</Menu.Item>
<Menu.Item danger>a danger item</Menu.Item>
</Menu>
);
<Dropdown overlay={menu}>
<a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
Hover me <DownOutlined />
</a>
</Dropdown>
| 属性 | 说明 | 类型 | 默认值 | |-----------|--------------|--------|--------| | disabled | 禁用状态 | boolean| false | | danger | 是否危险类型 | boolean| false |
备注:更多属性请参考 Ant Design 官方文档。
如果你想要了解更多 Ant Design 的组件,可以阅读 Ant Design 官方文档。