🐛[BUG] 左侧栏目一级菜单没显示

[gogo1008]

分支

master

问题

[gogo1008]

导致原因

1、如下代码有问题，注释掉可以，但是二级图标不显示
if (defaultDom) {
// @ts-ignore
const menuItem = React.cloneElement(defaultDom, {
// @ts-ignore
children: [
<AIcon type={menuItemProps.icon as string} size={16} key={menuItemProps.key} />,
defaultDom.props.children[1],
],
...props,
});
return menuItem;
}

[gogo1008]

[gogo1008]

简单修复（三级没验证）：


const MenuItemIcon = (
menuItemProps: any,
defaultDom: React.ReactNode,
props: any,
): React.ReactNode => {
if (defaultDom&&(menuItemProps.children||[]).length===0) {
// @ts-ignore
const menuItem = React.cloneElement(defaultDom, {
// @ts-ignore
children: [
<AIcon type={menuItemProps.icon as string} size={16} key={menuItemProps.key} />,
defaultDom.props.children[1],
],
...props,
});
return menuItem;
}
return defaultDom;
};

[gogo1008]

简单修复（三级没验证）：


const MenuItemIcon = (
menuItemProps: any,
defaultDom: React.ReactNode,
props: any,
): React.ReactNode => {
if (defaultDom&&(menuItemProps.children||[]).length===0) {
// @ts-ignore
const menuItem = React.cloneElement(defaultDom, {
// @ts-ignore
children: [
<AIcon type={menuItemProps.icon as string} size={16} key={menuItemProps.key} />,
defaultDom.props.children[1],
],
...props,
});
return menuItem;
}
return defaultDom;
};

[gogo1008]

[marshalby2]

老哥解决了么

[dengwz7788]

这里还有问题，这样会在第四级菜单之后，第三级的菜单的icon会丢失
if ( defaultDom ) {
// @ts-ignore
if((menuItemProps.children||[]).length == 0){
const menuItem = React.cloneElement(defaultDom, {
// @ts-ignore
children: [
<AIcon
type={menuItemProps.icon as string}
size={16}
style={{ fontSize: '16px', color: '#CED0D6' }}
key={menuItemProps.key}
/>,
defaultDom.props.children[1],
],
...props,
});
return menuItem;
} else {
const menuItem = React.cloneElement(defaultDom, {
// @ts-ignore
children: [
<AIcon
type={menuItemProps.icon as string}
size={16}
style={{ fontSize: '16px', color: '#CED0D6' }}
key={menuItemProps.key}
/>,
defaultDom.props.children[1],
],
});
return menuItem;
}
}

[dengwz7788]

props里面的有属性影响到了渲染，目前还没有成功定位出来，仅仅是通过过滤，先修复BUG，再看看问题出在哪里。