인프런 커뮤니티 질문&답변

안녕하세요 제로초님.

스타일드 컴포넌트로 스타일할때 밑에 코드처럼 제일 큰 컨테이너만 스타일드 컴포넌트로 작성을하고 나머지 자식들한테는 className을 부여하거나 선택자를 이용해서 스타일링을 할려고 하는데 혹시 성능이나 이런문제가 있을까요?

const Wrapper = styled.div`

   .divWrapper {

      > a {}
      > li {}

   }

    .navWrapper {

     }

`;

......

<Wrapper>

  <div className='divWrapper'>

     <a> </a>

      <li> </li>

   </div>

  <div className='navWrapper'>

     <div>test</div>

   </div>

</Wrapper>