向 MUI MenuItem 添加分隔符会添加额外的边框

【问题标题】：Adding divider to MUI MenuItem adds extra border向 MUI MenuItem 添加分隔符会添加额外的边框
【发布时间】：2023-02-17 10:12:13
【问题描述】：

我需要使用 divider 到 MUI MenuItem，它会为添加了分隔线的项目添加额外的边框。图像上突出显示的项目是我设置 divider= true 并且边框可见的项目。如何处理才能不添加边框？

【问题讨论】：

【解决方案1】：

问题是，当菜单项分隔符设置为 true 时，它会向 <li> 项添加一些边距。因此，仅当分频器打开时才将其设置为零以解决问题。

通过在 <MenuItem> 上添加以下检查来修复它：

 <MenuItem 
    ...
    divider={divider}
    sx={{ ...(divider && { margin: 0 }) }} 
 >

【讨论】：