MUI v5 中 Menu 元素中的 PopoverClasses 属性

Question

在之前的 (v4) 中，我使用makeStyle将 class 传递给元素中的PopoverClasses属性。

如何在makeStyles过时的 v5 版本中填充此道具？

Answer 1

Menu中的PopoverClasses prop 用于将 class 名称注入Popover组件，其classes prop 具有这些CSS 可以被覆盖的属性。 您可以在MUI v5中通过从Popover popoverClasses像这样应用于Popover组件来执行相同的操作：

import { popoverClasses } from "@mui/material/Popover";

<Menu
  sx={{
    [`&.${popoverClasses.root}`]: {
      backgroundColor: "gray"
    },
    [`& .${popoverClasses.paper}`]: {
      color: "blue"
    }
  }}
  {...}
>

现场演示