reactjs - React JS 上的动态多级选择选项

Question

export const Menu = [
  {
    uid: '934539c0badfa8fa474e20c524aa0ffe',
    name: 'Burger',
    slug: 'burger',
    description: null,
    availability: null,
    menu: [
      {
        uid: '07a8b791a49c90839ca10a5c606ec0e5',
        name: 'Chicken Burger',
        slug: 'chicken-burger',
        description: null,
        availability: null,
        menu: [
          {
            uid: 'd0ce02aae5a873e3ef1a62990ef10b8a',
            name: 'Beef Burger',
            slug: 'beef-burger',
            description: null,
            availability: null,
            menu: [],
          },
        ],
      },
    ],
  },
  {
    uid: '11',
    name: 'Ice Cream',
    slug: 'icecream',
    description: null,
    availability: null,
    menu: [
      {
        uid: '022',
        name: 'Cold Ice cream',
        slug: 'cold-icecream',
        description: null,
        availability: null,
        menu: [
          {
            uid: '1243',
            name: 'Cheese Ice cream',
            slug: 'cheese-icecream',
            description: null,
            availability: null,
            menu: [],
          },
        ],
      },
    ],
  },
];

所以在这一个中，我想在选择选项上动态显示它们（菜单->菜单->菜单->菜单）当我单击特定菜单（从不同级别）时，我将能够获取 id。我尝试了很多次，但没有任何效果。