fixed bug
This commit is contained in:
@@ -30,24 +30,25 @@ const HeaderMenu = ({ menu }) => {
|
|||||||
open={open}
|
open={open}
|
||||||
onClose={handleClose}
|
onClose={handleClose}
|
||||||
>
|
>
|
||||||
{menu.subMenu.map((subMenu, index) => (
|
{menu.subMenu.flatMap((subMenu, index) => [
|
||||||
<>
|
...subMenu.map(sub => (
|
||||||
{subMenu.map(sub => (
|
<MenuItem
|
||||||
|
component={NextLink}
|
||||||
<MenuItem component={NextLink} href={sub.href} key={sub.title} onClick={handleClose}>
|
href={sub.href}
|
||||||
<ListItemIcon>
|
key={sub.title}
|
||||||
<Link fontSize="small" />
|
onClick={handleClose}
|
||||||
</ListItemIcon>
|
>
|
||||||
<ListItemText>{sub.title}</ListItemText>
|
<ListItemIcon>
|
||||||
</MenuItem>
|
<Link fontSize="small" />
|
||||||
))}
|
</ListItemIcon>
|
||||||
{menu.subMenu.length - 1 !== index && (
|
<ListItemText>{sub.title}</ListItemText>
|
||||||
<Divider />
|
</MenuItem>
|
||||||
)}
|
)),
|
||||||
</>
|
index < menu.subMenu.length - 1 && <Divider key={`divider-${index}`} />
|
||||||
))}
|
])}
|
||||||
</Menu>
|
</Menu>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default HeaderMenu;
|
export default HeaderMenu;
|
||||||
|
|||||||
Reference in New Issue
Block a user