--- order: 0 title: zh-CN: 基本 en-US: Basic --- ## zh-CN 最简单的下拉菜单。 ## en-US The most basic dropdown menu. ```tsx import { DownOutlined, SmileOutlined } from '@ant-design/icons'; import { Dropdown, Menu, Space } from 'antd'; import React from 'react'; const menu = ( 1st menu item ), }, { key: '2', label: ( 2nd menu item (disabled) ), icon: , disabled: true, }, { key: '3', label: ( 3rd menu item (disabled) ), disabled: true, }, { key: '4', danger: true, label: 'a danger item', }, ]} /> ); const App: React.FC = () => ( e.preventDefault()}> Hover me ); export default App; ```