React MUI füllt Eigenschaften im Uhrzeigersinn
P粉312195700
2023-07-25 10:17:02
<p>Verfügt MuiBox über ausgefüllte Kurzschrifteigenschaften? für Syntax im Uhrzeigersinn? </p><p>Dies ist ungültig und führt zu einem Syntaxfehler. </p>
<pre class="brush:php;toolbar:false;"><Box padding = {2 1 1 2}/></pre>
<p><br /></p>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
直接来说，不会有这样的简写属性，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