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

스타일드 컴포넌트 궁금한게 있는데여,

자식 js 파일에 있는 임의로 만들어진 컴포넌트는요, 

부모js 파일에서 overwriting 이 불가능한건가여??

 

예를들어서,

index.js ((부모)와 login.js(자식) 가 있다고 가정할때요. 

login.js 에는 그림한개, Id, pw 용 입력창, 그리고 로그인 버튼이 있습니다. 

export const Overlay = styled.div`

border: 10px inset blue;

`

<Overlay>

그림한개

</Overlay>

그림 한개에 적용을 시켜주었다고 가정하구요. 

index.js 에서 (login.js 의 부모)

login {Overlay} from login.js 

const Overwriting = styled.div`

           > Overlay {

            margin: 0px 0px 10px 10px;

           }

`

<Overwriting>

<login/>

</Overwriting>

이런식으로 오버라이팅은 불가능한가요??