javascript - makeStyles 的 Material UI 问题

Question

我遇到了以下问题:

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

package.json 与material-ui deps:

...
"@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 上的其他相关答案对我没有帮助。所以，我希望你能帮助我解决这个问题!谢谢

Answer 1

无需在功能组件内将 createStyles 与 ma​​keStyles 一起使用。

• 经典:withStyles(高阶函数)+ createStyles
• 函数式:useStyles(钩子(Hook))+ makeStyles

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

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

const classes = useStyles();

<小时/>

引用:

• Material -UI:styles document

• 相关质量检查:https://stackoverflow.com/a/60736142/11872246