javascript - React js：将Material-UI功能代码转换为类组件抛出typerror

Question

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

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

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

原始材料-UI 功能组件代码运行良好，但转换为类组件时抛出上述错误

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

标签： javascriptreactjsauthenticationmaterial-uimaterial-design

Answer 1

你用withStyles两次。 withStyles 它是 HOC，请查看Doc

您需要withStyles从 useStyles 中删除