menu/docs/examples/single.tsx at c1d76a0aa701b1a2318b0d71f8c60a2167e02e49 · aojunhao123/menu · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
/* eslint no-console:0 */

import React from 'react';
import Menu from '@rc-component/menu';
import '../../assets/index.less';

const menu1List = [
  {
    titleLocalKey: 'Properties',
    key: 'Properties',
  },
  {
    titleLocalKey: 'Resources',
    key: 'Resources',
    children: [
      {
        titleLocalKey: 'FAQ',
        key: 'Faq',
        isSub: true,
      },
      {
        titleLocalKey: 'Learn',
        key: 'Learn',
        isSub: true,
      },
    ],
  },
  {
    titleLocalKey: 'About Us',
    key: 'AboutUs',
  },
];

const menu1Items = values => {
  if (!values) {
    return undefined;
  }
  return values.map((item, index) => {
    return {
      label: <div>{item.titleLocalKey}</div>,
      key: item.key,
      children: menu1Items(item.children),
    };
  });
};

console.log(menu1Items(menu1List));

export default () => (
  <Menu
    selectable={false}
    mode="inline"
    defaultOpenKeys={['Resources']}
    style={{ width: '100%' }}
    items={menu1Items(menu1List)}
  />
);