React MUI順時針填滿屬性
P粉312195700
P粉312195700 2023-07-25 10:17:02
0
1
459
<p>MuiBox是否有任何填入的簡寫屬性?用於順時針語法? </p><p>這種寫法是無效的,並且會導致語法錯誤。 </p> <pre class="brush:php;toolbar:false;"><Box padding = {2 1 1 2}/></pre> <p><br /></p>
P粉312195700
P粉312195700

全部回覆(1)
P粉950128819

直接來說,不會有這樣的簡寫屬性,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

#
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板