React MUI는 시계 방향으로 속성을 채웁니다.

Question

<p>MuiBox에는 채워진 속기 속성이 있나요? 시계 방향 구문은?

이것은 유효하지 않으며 구문 오류가 발생합니다. </p> <pre class="brush:php;toolbar:false;"><상자 패딩 = {2 1 1 2}/></pre> <p><br /></p>

Answer 1

간단히 말하자면, 이러한 단축 속성은 없으며 padding/p 속성은 단일 간격 값만 허용합니다. 제공된 긴 속성(pt, pr, pb, pl)을 사용하고 싶지 않고 어떤 이유로 이를 목록으로 전달해야 하는 경우 가장 좋은 방법은 padding/p 속성에 함수를 제공하는 것입니다. Box에서 값을 파생할 수 있습니다(sx를 사용하지 않으려는 경우). 예:

으아악

실행 가능한 CodeSandbox 예제 코드: : https://codesandbox.io/s/box-padding-example-r6v28m?file=/demo.tsx