[React] 스타일 컴포넌트 사용 styled-components

styled-components

npm install styled-components

 

-임포트

import styled from 'styled-components'

 

-생성

let YellowBtn = styled.button`
background : yellow;
color : black;
padding : 10px;
`

 

-사용
<YellowBtn>노란색버튼</YellowBtn>

 

 

 

let 컴포넌트명 = styled.태그` 스타일 지정 `

백틱 안에 스타일을 주고 해당 컴포넌트를 <컴포넌트 />로 사용해주면 됩니다!

 

 

(해당 파일 안에서만 사용할 수 있음)

 

 

 

 

 

 

 

props로 styled-components 재활용