reactjs - Material-UI在主题之间来回切换时颜色不变

标签 reactjs material-ui jss

我正在通过状态变量和 MuiThemeProvider 更改我的应用程序中的主题
切换事件主题时,所有组件上的颜色都会正确更新,但只会更新一次。如果我切换回已经使用过的主题,颜色不会更新。
https://codesandbox.io/s/focused-mcnulty-0tzm2?file=/src/App.js
您可以在代码和框上看到,如果您要更改的主题已被使用,则来回切换会导致最后一个主题“粘住”。
我可以使用 theme.palette.primary.main 来“修复”这个问题在 makeStyles()在为我的组件设置样式时,这有点违背了 color 的目的组件的属性

最佳答案

Material-UI 尚不完全支持 StrictMode ( https://github.com/mui-org/material-ui/issues/20708 )。如果删除 <React.StrictMode> index.js 中的标签它工作正常。
这是您的沙箱的工作版本:https://codesandbox.io/s/strictmode-theme-switching-issues-7prfe .

关于reactjs - Material-UI在主题之间来回切换时颜色不变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62935784/

相关文章:

javascript - componentDidUpdate 的 props 速度不够快。如何修复它?

ios - react native : Default iOS device inside simulator

css - 样式 Material UI 组件

css - 如何使用 ReactJSS 覆盖默认样式?

reactjs - Clsx - 什么是以及如何使用它

css - 如何在 ReactJS 中将具有属性的 CSS 转换为 MaterialUI 样式

reactjs - SQL Server 中的时区不匹配

html - FullCalendar - React - 加载功能问题

javascript - 未应用 Material-UI Popover 样式

reactjs - 如何使用react-testing-library为react ui Menu触发onClose?