얼렁뚱땅 개발

[Error] Received `false` for a non-boolean attribute `color` 본문

ERROR

[Error] Received `false` for a non-boolean attribute `color`

maan_duu 2022. 4. 23. 20:34

1. 문제 상황 

- Style Component를 사용해 color에 조건을 넣어 줄 시에 발생하는 에러. 

 


2. 발생 원인 

- color라는 의미 없는 변수를 선언하려 한 건데 Styled Component내의 color(색상) 조건으로 인식되기 때문! 

 

 


3. 해결 방법

-  그냥 color를 다른 변수명으로 바꾼다.

- true/false를 0/1로 바꾼다. 

- 아래와 같이 앞에 +를 붙여 string으로 변환한다.