UNPKG

zent

Version:

一套前端设计语言和基于React的实现

37 lines (33 loc) 1.04 kB
import React, { Component } from 'react'; import Menu, { MenuItem, SubMenu } from '../src'; import '../assets/index.scss'; import 'zent-icon/lib/index.css'; /* ## Write Something here You can write guides for users here */ export default class Simple extends Component { onClick = (e, key) => { console.log(e, key); // eslint-disable-line } render() { return ( <Menu onClick={this.onClick} className="hello" > <MenuItem key="1-1" className="food">食品分类</MenuItem> <MenuItem key="1-2" disabled>服装分类</MenuItem> <SubMenu title="电器分类" overlayClassName="sub"> <MenuItem key="2-1" className="tv">电视机</MenuItem> <MenuItem key="2-2" disabled>笔记本</MenuItem> <MenuItem key="2-3">洗衣机</MenuItem> </SubMenu> <SubMenu title="美妆分类" disabled> <MenuItem key="3-1">眼影</MenuItem> <MenuItem key="3-2">洗面奶</MenuItem> </SubMenu> </Menu> ); } }