React MUI順時針填滿屬性

Question

MuiBox是否有任何填入的簡寫屬性？用於順時針語法？

這種寫法是無效的，並且會導致語法錯誤。

<Box padding = {2 1 1 2}/>

Answer 1

直接來說，不會有這樣的簡寫屬性，padding/p屬性只接受單一間距值。如果您不想使用提供的長手屬性（pt、pr、pb、pl），並且由於某種原因需要將它們作為列表傳遞，最好的方法是提供一個函數給padding/p屬性，從中Box可以派生出值（如果您不想使用sx）。例如：

<Box
  padding={(theme) => theme.spacing(2, 1, 1, 2)}
/>

可運行的CodeSandbox範例程式碼：: https://codesandbox.io/s/box-padding-example-r6v28m?file=/demo.tsx

#