Material ui 材质UI在makeStyles中使用主材质和次材质

我正在使用useStyle设置抽屉组件的背景色。如果我设置背景：“红色”，效果很好。但是将其设置为

background:“primary”

不起作用。我可能做错了什么？这是我的密码：

const useStyles = makeStyles((theme) => ({
  
  drawer: {
    flexGrow: 1,
    flexShrink: 0,
  },
  drawerPaper: {
    flexGrow: 1,
    background: 'primary',
  },
}));

<Drawer
        className={classes.drawer}
        variant='persistent'
        anchor='top'
        open={true}
        classes={{
          paper: classes.drawerPaper,
        }}
      >

const useStyles=makeStyles（（主题）=>({
出票人：{
flexGrow:1，
flexShrink:0，
},
抽屉纸：{
flexGrow:1，
背景：“主要”，
},
}));

您是否尝试以

主题.palete.primary.main

的形式访问原色？我现在访问了，并且可以正常工作。但是有没有一个“主要”不起作用的原因呢？你能解释一下为什么你认为“主要”应该起作用吗？我看到它被用在材料UI文档中。示例'const-useStyles=makeStyles（（主题）=>（{root:{'&>*'：{margin:theme.space（2），}，}，}，}，}））；const defaultProps={color:'secondary'，children:，}；'在exYes的徽章中的最大值示例中，但它用于道具而不是样式。道具驱动组件中的逻辑，以便在样式中使用主题中的颜色。您是否尝试以

theme.palete.primary.main

的形式访问主颜色？我现在访问了，并且可以正常工作。但是有没有一个“主要”不起作用的原因呢？你能解释一下为什么你认为“主要”应该起作用吗？我看到它被用在材料UI文档中。示例'const-useStyles=makeStyles（（主题）=>（{root:{'&>*'：{margin:theme.space（2），}，}，}，}，}））；const defaultProps={color:'secondary'，children:，}；'在exYes的徽章中的最大值示例中，但它用于道具而不是样式。道具驱动组件中的逻辑，以便在样式中使用来自主题的颜色。