material-ui [Popover] Styled Components引擎在slotProps中忽略了sx属性,

eblbsuwk  于 6个月前  发布在  其他
关注(0)|答案(4)|浏览(47)

重复问题

  • 我已搜索现有的问题

最新版本

  • 我已测试了最新版本

重现步骤 🕹

链接到实时示例: https://codesandbox.io/s/styled-components-forked-rcl437
步骤:

  1. 点击按钮以打开弹出窗口

当前行为 😯

弹出窗口的背景颜色为白色

预期行为 🤔

弹出窗口的背景颜色应为红色

上下文 🔦

我正在尝试使用Popover API来自定义我的组件样式,但是如果使用styled-components样式引擎,则slotProps.paper中的sx属性不起作用。

你的环境中 🌎

npx @mui/envinfo

System:
    OS: Windows 10 10.0.22621
  Binaries:
    Node: 20.0.0 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 9.8.1 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 115
    Edge: Spartan (44.22621.1992.0), Chromium (115.0.1901.188)
  npmPackages:
    @mui/base:  5.0.0-beta.9
    @mui/core-downloads-tracker:  5.14.3
    @mui/material: ^5.14.3 => 5.14.3
    @mui/private-theming:  5.13.7
    @mui/styled-engine: ^5.13.2 => 5.13.2
    @mui/styled-engine-sc: ^5.12.0 => 5.12.0
    @mui/system:  5.14.3
    @mui/types:  7.2.4
    @mui/utils: ^5.14.3 => 5.14.3
    @mui/x-date-pickers:  5.0.20
    @mui/x-date-pickers-pro: ^5.0.4 => 5.0.20
    @mui/x-license-pro: ^6.9.0 => 6.10.2
    @types/react: ^18.2.18 => 18.2.18
    react: ^18.2.0 => 18.2.0
    react-dom: ^18.2.0 => 18.2.0
    styled-components: ^5.3.11 => 5.3.11
    typescript:  4.9.5
vjrehmav

vjrehmav1#

@Kryptesa 我可以在沙盒中看到,当通过 sx 时,应用了 background 的颜色。

6gpjuf90

6gpjuf902#

在沙盒中,您正在使用情感风格引擎,而不是我在问题中提到的样式组件。

kknvjkwl

kknvjkwl3#

在我看来,这看起来像是一个错误。

nwo49xxi

nwo49xxi4#

当我尝试在论文中添加一些pb时,也遇到了同样的问题,即使尝试使用slotProps和遗留的PaperProps,但仍然存在相同的问题。

相关问题