如果您熟悉旧版本的Material-UI，您可能已经使用withStyles在MUI组件中使用您的自定义样式。
withStyles只是一个HOC（高阶组件），用作 Package 器，将classes属性分配给您的组件。您可以进一步使用classes对象将特定的类分配给组件中的DOM或MUI元素。

makeStyles只是一个继承者，它返回一个钩子（访问自定义类）。现在这只是一种现代React方式，以避免HOC。
MUI v3.9.3

import { withStyles } from '@material-ui/core/styles';

const styles = {
  root: {
    backgroundColor: 'red'
  },
};

class MyComponent extends React.Component {
  render () {
    return <div className={this.props.classes.root} />;
  }
}

export default withStyles(styles)(MyComponent);

MUI v4.9.5

import React from 'react';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
  root: {
    backgroundColor: 'red'
  },
});

export default function MyComponent(props) {
  const classes = useStyles(props);
  return <div className={classes.root} />;
}