代码报错

来源：5-4 【主页开发】Header、Footer

慕神7231064

2021-05-31

老师我的代码一直包这个错是什么问题

写回答

2回答

小小闪电

2021-06-08

key 在 map 循环中出现重复，修改下循环中 key值即可

return (
    <Menu mode={"vertical"}>
        {sideMenuList.map((m, index) => (
            <Menu.SubMenu key={`side-menu-${index}`} title={<span><GifOutlined></GifOutlined> {m.title}</span>}>
                {m.subMenu.map((sm,smindex)=>(
                    <Menu.SubMenu key={`side-menu-${index}-${smindex}`} title={<span><GifOutlined></GifOutlined> {sm.title}</span>}>
                        {sm.subMenu.map((sms,smsindex)=>(
                            <Menu.Item key={`side-menu-${index}-${smindex}-${smsindex}`}>
                                <span><GifOutlined></GifOutlined> {sms}</span>
                            </Menu.Item>
                        ))}
                    </Menu.SubMenu>
                ))}
            </Menu.SubMenu>
        ))}
    </Menu>
)