关于map菜单问题

Question

老师，你视频中说当有item.children时会继续遍历，但我在图中标记的有几个是没有children的，为什么也会遍历，还有最后return<Menu.Item>组件时，为什么不把它包裹在的组件里面？

Answer 1

河畔一角 2018-09-14 08:17:42

当没有children时，就不会继续遍历子节点，但是它自身还是会加载的，否则菜单不就出问题了。你截图的那些都只是一个一级菜单，没有二级，是符合需求的，因为他没有children，也就不能展开。
return 组件的时候，因为只有一个根元素，所以不需要包裹，超过一个才需要包裹。

• 提问者 劫不想秀 #1

  那首页、城市管理等等没有子节点的组件是<SubMenu/>渲染出来的吗？  可是它没有子节点就不会 执行那个if语句把 ，感觉这里我有点绕不过去。。。还有就是<Menu.Item/>它会自动渲染到<SubMenu/>的子组件里吗？ 我理解是<Menu.Item/>是<SubMenu/>的子组件才能渲染这个菜单。。

• 提问者 劫不想秀 #2

  刚刚我又把开发者工具打开，发现那些没有子节点的 子菜单都是用<Menu.Iitem/>组件渲染的， 它和<SubMenu/>渲染的一级子菜单效果是一样的，之前一直以为<Menu.Iitem/>是<SubMenu/>二级子菜单才行，因为我觉得当没子节点时不执行if语句里渲染，执行最后return <Menu.Iitem/>组件渲染，所以一直不清楚 那些没有子节点的一级子菜单哪里来的。我这么理解对吗？老师