Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 材质UI主题不会回变_Reactjs_Material Ui - Fatal编程技术网

Reactjs 材质UI主题不会回变

Reactjs 材质UI主题不会回变,reactjs,material-ui,Reactjs,Material Ui,我一直在尝试用MaterialUI ThemeProvider将主题应用到我的React应用程序,但遇到了一些奇怪的行为 我有两个主题:白天模式和晚上模式。在应用程序启动时,默认为夜间模式,用户可以通过复选框切换主题 主题通常从夜间模式切换到日间模式,但不会切换回 下面是一个示例应用程序,它再现了这种行为: 我做错了什么?好的,在做了一些更改之后,您似乎需要一个新的主题副本,以便每次都设置为该状态。我知道这些材料会记住提供者,但不确定为什么您的示例不起作用 这是一个代码沙盒,有一个工作版本。。

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

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

主题通常从夜间模式切换到日间模式,但不会切换回

下面是一个示例应用程序,它再现了这种行为:


我做错了什么?

好的,在做了一些更改之后,您似乎需要一个新的主题副本,以便每次都设置为该状态。我知道这些材料会记住提供者,但不确定为什么您的示例不起作用

这是一个代码沙盒,有一个工作版本。。。 唯一的变化是创建主题的浅层副本,您可能只想按需创建主题,而不是将其存储在本地


我看不到您的分叉沙盒与原始沙盒相比有任何变化。但我试着将主题作为主题的副本添加到ThemeProvider中,现在一切都很好:谢谢你,是的,很高兴你找到了答案。