개발공부 임고미

[Styled Component] 적용안되는경우2 본문

퍼블리싱/라이브러리

[Styled Component] 적용안되는경우2

임고미 2021. 11. 29. 20:41
728x90
300x250

결론 :

//X
const CustomButtom = styled(CommonButton) ``;

//O
const CustomButtom = styled(props => <CommonButton {...props} />) ``;

평소에는 위와 같은 방식으로 하면 잘 작동되는데 안되는경우가 잇다.

CustomButton이 CommonButton보다 먼저 생성되는경우이다.

위의 경우에는 

styled components component cannot create styled-component for component: undefined.

라는 문구가 뜬다.

이때 위와 같은 방법으로 props을 받았을떄로 컴포넌트를 생성해주면 위의 에러를 맞이하지 않고 잘 해결할 수 있다.

728x90
300x250
Comments