--- order: 3 title: zh-CN: 垂直菜单 en-US: Vertical menu --- ## zh-CN 子菜单是弹出的形式。 ## en-US Submenus open as pop-ups. ```jsx import { Menu } from 'antd'; import { MailOutlined, AppstoreOutlined, SettingOutlined } from '@ant-design/icons'; const { SubMenu } = Menu; function handleClick(e) { console.log('click', e); } ReactDOM.render( Navigation One } > Option 1 Option 2 Option 3 Option 4 Navigation Two } > Option 5 Option 6 Option 7 Option 8 Navigation Three } > Option 9 Option 10 Option 11 Option 12 , mountNode, ); ```