onClick

onClick을 사용하면서 의아했다.
2가지 케이스를 보면서 언제언제 구분해서 쓰나?

onClick(함수);
위와 같이 쓰면 too many re-rendering이라는 에러가 표시.
그래서 아래처럼 수정해줘야한다.
onClick(() => 함수);

"onClick인자로 ()=> arrow function을 안쓰고 함수만 쓰면 무한렌더링 에러발생
()=>를 안쓰면 계속 진행되는거구나"

컴포넌트 별로 각각의 state를 가지고있다?
-> 파일따로 분리해 준다.
그래야 map돌릴때 해당하는 파일만 관리할 수 있게된다.
한파일에 몽땅 넣어버리면 모든 형식들 동시에 켜졌다 꺼졌다 함.