개발공부 임고미

결론 : //X const CustomButtom = styled(CommonButton) ``; //O const CustomButtom = styled(props => ) ``; 평소에는 위와 같은 방식으로 하면 잘 작동되는데 안되는경우가 잇다. CustomButton이 CommonButton보다 먼저 생성되는경우이다. 위의 경우에는 styled components component cannot create styled-component for component: undefined. 라는 문구가 뜬다. 이때 위와 같은 방법으로 props을 받았을떄로 컴포넌트를 생성해주면 위의 에러를 맞이하지 않고 잘 해결할 수 있다.

기본 1. import 안한경우 2. import 하고 component 만들어줬는데, 잘못만들어준경우 //x const styledComponent = styled.div``; //o const StyledComponent = styled.div``; 이 또한 컴포넌트를 만드는것이므로, 대문자로 시작해줘야합니다. 3. 컴포넌트에 styled를 적용하고 싶은데 잘못한 경우 //x const StyledComponent = styled.Component``; //o const StyledComponent = styled(Component)``; 컴포넌트는, 일반 태그들과 달리 () 괄호로 묶어줘야합니다. 4. 위와같이 잘했는데도 안되는경우 이 상황을 겪고 이 포스팅을 하게 되었는데 해결은 하였지만 모든 원..