makeStyles 的 Material-UI 问题答案

【问题标题】：Material-UI issue with makeStylesmakeStyles 的 Material-UI 问题
【发布时间】：2020-07-10 19:42:37
【问题描述】：

我遇到了以下问题：

 ...
 var useStyles = makeStyles(function (theme) {
  11 |     var _a;
> 12 |     return createStyles({
  13 |         button: {
 ...

package.json 与 material-ui 部门：

...
"@material-ui/core": "4.9.7",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab": "^4.0.0-alpha.45",
"@material-ui/pickers": "3.2.8",
"jss": "^10.0.2",
"material-ui": "^0.20.2",
"mdi-material-ui": "^6.2.0",
...

我不知道出了什么问题。 StackOverflow 上的其他相关答案对我没有帮助。所以，我希望你能帮助我解决这个问题！谢谢

【问题讨论】：

请显示您的组件的完整代码

标签： javascript reactjs material-ui

【解决方案1】：

没有必要在功能组件中使用createStyles 和makeStyles。

经典：withStyles（高阶函数）+ createStyles
功能：useStyles（钩子）+ makeStyles

import { makeStyles } from "@material-ui/core/styles";

const useStyles = makeStyles(theme => ({
  button: {
  }
}));

const classes = useStyles();

参考：

材质-UI：styles document
相关QA：https://stackoverflow.com/a/60736142/11872246

【讨论】：

这不是我的组件，我只是使用它，我无法对其进行更改。该组件产生以下异常。