--- order: 0 title: zh-CN: 顶部导航 en-US: Top Navigation --- ## zh-CN 水平的顶部导航菜单。 ## en-US Horizontal top navigation menu. ````jsx import { Menu, Icon } from 'antd'; const SubMenu = Menu.SubMenu; const MenuItemGroup = Menu.ItemGroup; const App = React.createClass({ getInitialState() { return { current: 'mail', }; }, handleClick(e) { console.log('click ', e); this.setState({ current: e.key, }); }, render() { return ( Navigation One Navigation Two Navigation Three - Submenu}> Option 1 Option 2 Option 3 Option 4 Navigation Four - Link ); }, }); ReactDOM.render(, mountNode); ````