React js:将Material-UI功能代码转换为类组件会引发typerror

问题描述

所以我使用的是实质性的ui登录页面代码,它是一个功能组件,因此根据我的要求,我需要将其转换为类组件。 但是将其转换为类组件会引发错误:“无法分配为只读对象'#'的属性'classes'”

通过将app.js文件包装在其中,我已将MiuiThemeProvider全局传递给index.js文件中的DOM树。 我已经小心地删除了所有钩子,例如将makeStyles替换为withStyles。

现在在下面共享的代码沙箱链接中,您可以看到我的类组件,该组件显示错误(类型错误:无法分配为只读对象“#”的属性“ classes”)

原始的材料UI功能组件代码运行良好,但是当转换为类组件时会引发上述错误

codeSandbox链接以及所有文件和依赖项https://codesandbox.io/s/magical-goodall-rzdg9?file=/src/App.js

解决方法

您使用withStyles两次。 withStyles是HOC,请检查Doc

您需要从useStyles中删除withStyles enter image description here

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...