reactjs - Material-UI 主题不会变回来

标签 reactjs material-ui

我一直在尝试使用 Material-UI ThemeProvider 将主题应用到我的 React 应用程序,但遇到了一些奇怪的行为。

我有两个主题:白天模式和夜间模式。应用程序启动时,默认为夜间模式,用户可以通过复选框切换主题。

主题从夜间模式正常切换到白天模式,但无法切换回来。

这是示例应用程序,重现了此行为:
https://codesandbox.io/s/eloquent-ives-k1np1

我做错了什么?

最佳答案

好吧,经过一些更改,看起来您每次都需要在状态中设置主题的新副本。我知道 Material 会记住提供者,但不确定为什么你的示例不起作用......

这是一个带有工作版本的codesandbox... 唯一的变化是制作主题的浅拷贝,您可能只想按需创建主题,而不是将其存储在本地。

https://codesandbox

关于reactjs - Material-UI 主题不会变回来,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60909608/

相关文章:

javascript - 组件无法正确更新 View

javascript - MUI - 单击复选框标签中的链接

javascript - 如何在打印时隐藏 Material-UI 凸起按钮

javascript - 在 MaterialUI 和 React.js 中为 Autocomplete 分配默认值

reactjs - 如何使 Material UI 中的主题样式覆盖页面级字体继承 CSS

javascript - React DatePicker 切换问题

javascript - React 容器中在哪里初始化 Socket 对象?

javascript - componentDidMount 中的异步/等待以正确的顺序加载

javascript - 当 Redux 状态改变时,React 不会重新渲染

javascript - 自定义组件不接受样式React Material ui