리액트 기초 공부해보기 #11 styled-component 스타일 상속

KHS·2021년 12월 31일
0
post-thumbnail

다음은 스타일을 상속해보자

어떤 버튼을 추가하고 동그라미 친 스타일을 상속하면서 백그라운드 색을 추가하고 싶다.

뭐 이런식으로 이름바꾸고 추가할 스타일 추가해서 저걸 버튼에 씌워도 되긴하지만 만약 스타일이 엄청 복잡하면 바꿀때도 복잡해진다.
여기서 이용할 수 있는게 상속이다.

이렇게 styled쓰고 괄호 안에 상속받을 부모 스타일을 쓰고 내가 더 추가할 내용 추가하면 상속이 이루어진다. 그리고 바로 아래에 적용을 하면

초록색 추가 버튼이 잘 만들어졌다.
이번 게시물은 여기까지!
이 글은 유튜브 메타코딩 채널의 영상을 보며 공부한 내용을 기록한것입니다.

profile
천천히 개발 공부하기

0개의 댓글