[React] styled-components의 props전달법 및 extending

styled-components를 굳이 사용해야 한다면 지켜야 할 룰에 대해서 정리해본다. props 전달 방법 const Box = styled.div` background-color: ${props=>props.bgColor}; `; function App(){ return( <Box bgColor='red'/> <Box bgColor='yellow'/> ) }; 2. 확장 방법 const Box = styled.div` background-color: ${props=>props.bgColor}; `; const Circle = styled(Box)` ...(추가 css) `; function App(){ return( <Box bgColor='red'/> <Circle bgColor='yellow'/> ) };...

원문링크 : [React] styled-components의 props전달법 및 extending