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

Question

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

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

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

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

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

Answer 1

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

您需要从useStyles中删除withStyles