如何解决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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。