在 createMuiTheme 中的 override 中使用 theme.spacing 函数

Question

设置主题时是否有使用主题间距的首选方法createMuiTheme？我一直在对这些值进行硬编码，并且在大多数情况下都没有出现问题，因为我的大多数项目都不会覆盖默认主题间距，但如果能够在我的覆盖中使用主题间距那就太好了？

Answer 1

在新的 Mui v5 中，通过使用传递给样式名称的函数解决了这个问题

export default createTheme({
  components: {
    MuiAppBar: {
      styleOverrides: {
        root: ({ theme }) => ({
          margin: theme.spacing(2)
        })
      }
    }
  }
})