Материальный пользовательский интерфейс с makeStyles

Question

Я столкнулся со следующей проблемой:

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

package.json с материалом-интерфейсом:

...
"@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 с makeStyles внутри функционального компонента.

• Классический: withStyles (функция высокого порядка) + createStyles
• Функциональные: useStyles (hooks) + makeStyles

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

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

const classes = useStyles();

---

См .:

• Материал-интерфейс: стили документа

• Соответствующий QA: { ссылка }