이벤트 사용시 주의사항!

엘리먼트에 직접 이벤트를 넣을 때 주의사항!

• 만약 이벤트가 발생했을 때 실행되는 함수에 ()를 붙이면 무한루프에 빠진다.
• ()는 함수를 호출하기 때문에 ()를 붙이면 요소가 렌더링됨과 동시에 함수 호출이 일어나서 무한으로 렌더링이 일어난다.

onClick={add_count()}

• 아래처럼 ()를 떼어서 함수를 참조하거나

onClick={add_count}

• 단순히 이벤트가 발생했을 때 실행되는 함수를 선언해서 해결할 수 있다.

onClick={()=>{add_count()}}