menu ui component for react
/* eslint no-console:0 */
import React from 'react';
import ReactDOM from 'react-dom';
import Menu, { Item as MenuItem, ItemGroup as MenuItemGroup } from 'rc-menu';
import 'rc-menu/assets/index.css';
ReactDOM.render(<div>
<h2>menu item group</h2>
<Menu style={{ margin: 20, width: 300 }}>
<MenuItemGroup title="group 1" key="2">
<MenuItem key="21">2</MenuItem>
<MenuItem key="22">3</MenuItem>
</MenuItemGroup>
<MenuItemGroup title="group 2" key="3">
<MenuItem key="31">4</MenuItem>
<MenuItem key="32">5</MenuItem>
</MenuItemGroup>
</Menu>
</div>, document.getElementById('__react-content'));