실제 문제점:
클래스의 인스턴스 객체를 배열에 넣는데, new 없이 걍 생성자(인자1, 인자2) 이렇게 넣었던게 문제였음;;
원래 이거 되지 않았나???ㅠㅠㅠ
결국 React의 문제가 아니라 JS의 문제였던거임
못알아챘던 이유:
/* */ 이거 이용해서 계속 문제점인점 소거해나갔었는데
알고보니까 JSX에서는 /* */ 이걸로 주석처리해도, 에디터에선 주석처리된거처럼 보이지만 실제 실행할땐 다 씹고 걍 실행됐던거임 ㅡㅡ
이게 모든걸 망쳐놨던 주범이었던 것이다
밑문단 읽으니까 고생한게 다 보이네요
아니 주석을 씹는다는게 뭔 소리야. 착각한거 아니야?
사실일걸. 걍 정상적인 컴포넌트에 /**/로 주석처리하면 그것도 그냥 텍스트로 처리돼서 뜸
엥 주석이 또...
이것도 혹시 내가 착각한거란거임? 내말은 예를들어 <div> /* foo */ </div> 이러면 걍 화면에 /* foo */ 가 보인단건데
....... <div> /* foo */ </div> 주석이 아니잖아. html이랑 자바스크립트 정확하게 구분해야지.
html은 <!-- 내용 -->