1. import {Menu} from 'uskin';
    2. import React from 'react;
    4. const props = {
    5.   width: 320,
    6.   toggle: true,
    7.   items: [
    8.     {
    9.       title: '中式点心',
    10.       fold: true,
    11.       submenu: [{
    12.         subtitle: '奶酪饽饽',
    13.         key: '奶酪饽饽',
    14.         onClick: (evt, item) => { window.alert(`选${item.subtile}?(这个回调函数来自items参数内部。)`); },
    15.       }, {
    16.         subtitle: '牛舌饼',
    17.         key: '牛舌饼',
    18.         onClick: (evt, item) => { window.alert(`选${item.subtile}?(这个回调函数来自items参数内部。)`); },
    19.       }, {
    20.         subtitle: '山楂锅盔',
    21.         key: '山楂锅盔',
    22.         onClick: (evt, item) => { window.alert(`选${item.subtile}?(这个回调函数来自items参数内部。)`); },
    23.       }],
    24.       key: '中式点心',
    25.     },
    26.     {
    27.       title: '西式蛋糕',
    28.       submenu: [{
    29.         subtitle: '拿破仑',
    30.         key: '拿破仑',
    31.       }, {
    32.         subtitle: '黑森林',
    33.         key: '黑森林',
    34.       }, {
    35.         subtitle: '蓝莓慕斯',
    36.         key: '蓝莓慕斯',
    37.       },
    38.       ],
    39.       key: '西式蛋糕',
    40.     },
    41.   ],
    42.   onClick: (evt, item) => { window.alert(`选${item.subtitle}?（这个回调函数来自items参数外部。）`); },
    43. };
    45. ReactDOM.render(
    46.   <Menu ...props />,
    47.   mountNode);