跳到主要内容

Dropdown 下拉菜单

向下弹出的列表

何时使用

当页面上的操作命令过多时,用此组件可以收纳操作元素。点击或移入触点,会出现一个下拉菜单。可在列表中进行选择,并执行相应的命令。

  • 用于收罗一组命令操作。
  • 用于代替导航栏或侧边栏中的命令列表。

API

参数说明类型默认值
items下拉菜单选项Array<{key: string | number, text: ReactNode, disabled: boolean}>[]
open是否展开下拉菜单booleanfalse
trigger触发下拉的行为Array<click | hover | contextMenu>[hover]
onClick点击菜单项的回调(key: string | number) => void-
参数说明类型默认值
key唯一标志string | number-
disabled是否禁用booleanfalse
text菜单项显示文本ReactNode-