--- order: 1 title: zh-CN: 内嵌菜单 en-US: Vertical menu with inline children --- ## zh-CN 垂直菜单,子菜单内嵌在菜单区域。 ## en-US Vertical menu with inline submenus. ````jsx import { Menu, Icon } from 'antd'; const SubMenu = Menu.SubMenu; const MenuItemGroup = Menu.ItemGroup; const Sider = React.createClass({ getInitialState() { return { current: '1', }; }, handleClick(e) { console.log('click ', e); this.setState({ current: e.key, }); }, render() { return ( 导航一}> 选项1 选项2 选项3 选项4 导航二}> 选项5 选项6 选项7 选项8 导航三}> 选项9 选项10 选项11 选项12 ); }, }); ReactDOM.render(, mountNode); ````