--- 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( } title="Navigation One"> Option 1 Option 2 Option 3 Option 4 } title="Navigation Two"> Option 5 Option 6 Option 7 Option 8 } title="Navigation Three"> Option 9 Option 10 Option 11 Option 12 , mountNode, ); ```