在theme.spacing中使用createMuiTheme函数覆盖

Question

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

Answer 1

这是通过使用传递给样式名称的函数在新的Mui v5中解析的。

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