스타일컴포넌트에 Props 넣고 쓰기

1. 스타일컴포넌트 만들기

일단 스타일 컴포넌트 다 알것지만 사용방법은

const 스타일컴포넌트이름 = styled.태그명`여기에스타일지정'

• (`)으로 스타일속성을 묶어준다
• styled 를 import하여 사용한다
• render 메서드 밖에서 선언!

그리고

2. props 사용

스타일속성 : ${props => props.프롭스명 ? 참일때속성 : 거짓일때 속성}
color : ${props => props.junghoo ? 'TRUEjunghoo' : 'FALSEjunghoo'}

• 스타일컴포넌트에 props를 주었고, 지정 스타일컴포넌트에서 props에 따른 조건을 표기

스타일드 컴포넌트 젤 많이써 젤 익숙해 휴 다행

https://styled-components.com/docs