有這個(gè)項(xiàng)目，有人在其中編寫(xiě)了帶有自定義 css 的組件。我在里面看到了這個(gè)東西 這是一個(gè)類似于Material ui中的Container的wrapper組件，或者只是一個(gè)應(yīng)用css的div wrapper。export const Container = styled.div`  position: relative;  margin: 0 auto;  margin-top: ${p => p.marginTop ? p.theme.spacing[p.marginTop] : 0};  width: 100%;  max-width: ${p => (p.maxWidth && p.theme.screen[p.maxWidth])};  padding: ${p => p.padding ? `0 ${p.theme.spacing[p.padding]}` : `0 ${p.theme.spacing.sm}`};  z-index: ${p => p.zIndex && p.theme.zIndex[p.zIndex]};  background-color: ${p => p.color && p.theme.colors[p.color]};  border-radius: ${p => p.radius && p.theme.radius[p.radius]};`;但我不明白 p.marginTop、p.theme 和所有其他但現(xiàn)在我只想將它轉(zhuǎn)換為簡(jiǎn)單的 div 包裝器，并以 material ui 的方式賦予它樣式屬性。像這樣的事情const useStyles = makeStyles((theme) => ({  container: {    position: 'relative',    margin: '0 auto',   // margin-top: ${p => p.marginTop ? p.theme.spacing[p.marginTop] : 0},    width: '100%',   // max-width: ${p => (p.maxWidth && p.theme.screen[p.maxWidth])},  //  padding: ${p => p.padding ? `0 ${p.theme.spacing[p.padding]}` : `0 ${p.theme.spacing.sm}`},    padding: themeIntance.spacing.sm,  //  z-index: ${p => p.zIndex && p.theme.zIndex[p.zIndex]}, //   background-color: ${p => p.color && p.theme.colors[p.color]}, //   border-radius: ${p => p.radius && p.theme.radius[p.radius]},  }}))但是里面所有的注釋都顯示錯(cuò)誤，說(shuō)它不承認(rèn)p。（以前那些 p.theme 的東西，我找到了解決辦法，有一個(gè) theme.js 文件，我可以從那里導(dǎo)入所有 p.theme.spacing.sm，但我不明白什么是 p.padding 或p.maxWidth 是）請(qǐng)幫助我理解這一點(diǎn)。