Reactjs 需要使用没有组件的材质UI

我是新的材料用户界面。我使用react，使用类和函数组件。但是，当我使用MaterialUI组件和类组件内部的

makeStyles

等特性时，它会抛出一个钩子错误，要求您不能在类组件内部使用钩子。我知道钩子是一个新特性，但我很习惯使用类组件，所以我不想使用钩子，但仍然想使用MaterialUI。有办法吗？我被卡住了

使用此选项时会出现错误：

const useStyles = makeStyles({
    card: {
      minWidth: 275,
    },
    bullet: {
      display: 'inline-block',
      margin: '0 2px',
      transform: 'scale(0.8)',
    },
    title: {
      fontSize: 14,
    },
    pos: {
      marginBottom: 12,
    },
  }); 

然后在组件内部调用它，如下所示：

const classes1=useStyles（）

我还对如何使用类似于
折叠
的功能感到困惑，这些功能似乎也在使用挂钩：

const [expanded, setExpanded] = React.useState(false);``

```
function handleExpandClick() {
    setExpanded(!expanded);
  }

我的首要任务是继续使用类组件和功能组件，即使我不必使用MaterialUI的组件，但仍然使用普通css形式的MaterialUI。如果我有一种在常规css表单中使用材质ui的方法，那么像折叠这样的事情将如何工作？提前感谢。
要避免使用useStyles，请查看以下链接：

滚动到“使用开发工具”，它解释了如何找到需要覆盖的类名

为了避免使用useState，只需使用我相信您熟悉的类组件状态。
对于类组件，应该使用（
withStyles
）而不是Hooks API（
makeStyles/useStyles
）