랜더링과 props의 문제

프로젝트를 하던 도중 setState를 modal component에 전달을 하였으나 setState is not a function이라는 오류가 발견.

이유를 한참 해메던 중 관련이 있는 component에서 랜더링이 일어날 경우 오류가 난다.

무슨 이야기냐 하면 container -> list -> modal로 가는 과정에서 container에서 setState를 modal에 내려주고 list에서도 내려주는 과정에서 modal에서 그 setState를 사용한다는데 분기를 제대로 시키지 않아놓으면 컴퓨터 상에서는 이런 오류가 뜨는 것 같다.

이럴 때는 조건을 달아서 (type, theme 등 구분할 수 있는 조건) 확실하게 하위 component에서 인식을 할 수 있도록 만들어 주자.