antd版本更新了4.16.2，按照老师的代码使用Menu组件会有效果问题。

来源：5-6 【主页开发】走马灯与侧边栏多重菜单

乔克小哥

2021-06-10

图片描述
鼠标放到菜单上最后一个菜单始终会hover，替换成视频老师antd@4.9.4版本就没有这个问题。看了好久也没发现原因

ps：已经解决了，原因是循环的key没有唯一性，会导致样式有问题

写回答

2回答

慕无忌7366342

2021-06-16

您好，请问循环key值不具有唯一性是怎么解决的，我也遇到了相同的问题。如果不换antd的版本可以解决吗？

夏天_101

乔克小哥

把 mockup.ts 里面的数据都添加一项 id 使用 id 作为key { title: "主题旅游", id:100, subMenu: [ { title: "爸妈游", subMenu: ["祈福拜佛", "古镇游玩", "桂林山水", "红色之旅"], id:101, }, { title: "亲子游", subMenu: ["上海迪士尼", "探险体验", "海洋公园", "感受名校"], id:102, }, { title: "蜜月游", subMenu: ["浪漫海岛", "豪华酒店", "购物血拼", "全球婚礼"], id:103, }, ], },

2021-08-20

共2条回复