material-ui 错误主题对象用于CssBaseline样式覆盖,当使用styled-components时

ig9co6j1  于 2个月前  发布在  其他
关注(0)|答案(4)|浏览(36)

重复问题

  • 我已搜索现有的问题

最新版本

  • 我已测试了最新版本

重现步骤 🕹

链接到实时示例:
CSB
步骤:

  1. 打开CSB
  2. 查看控制台

当前行为 😯

  • 无响应*

预期行为 🤔

  • 无响应*

上下文 🔦

  • 无响应*

您的环境 🌎

npx @mui/envinfo

Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.
5ktev3wc

5ktev3wc1#

这是一个可行的解决方案:https://codesandbox.io/s/styled-components-forked-n5k1ri?file=/src/demo.js 。希望这对您有所帮助。

ukdjmx9f

ukdjmx9f2#

👋 感谢您使用MUI Core!
我们仅将GitHub问题用作错误和功能请求跟踪器,然而,
此问题似乎是一个支持请求。
如需支持,请查看https://mui.com/getting-started/support/。谢谢!
如果您在Stack Overflow上有疑问,欢迎在这里链接它,这可能会帮助其他人。
如果您的问题随后被确认为错误,并且报告遵循问题模板,则可以重新打开。

niwlg2el

niwlg2el3#

我期望的主题对象是:

但实际上我得到的是:

{
    styles: Fn
    defaultTheme: Object
    theme: Object
}

broken example
如果我尝试在样式覆盖中使用主题,应用程序会崩溃。

46scxncf

46scxncf4#

我明白你的困惑了。在情感组件和样式组件之间的签名是不同的。我们在GlobalStyles组件中对其进行了规范化,但我们没有在样式覆盖中这样做。我们应该更新CSS基线文档,例如这个应该更新:https://mui.com/material-ui/react-css-baseline/#scrollbars
你应该将你在styleOverrides中接收到的值当作props处理,并从中提取出theme

相关问题