click 이벤트 render시 바로 실행되는 오류

문제

- click 이벤트 등록 후, 화면 켜지마자 click을 안해도 실행.

이유

- 이벤트 함수에 파라미터를 넣었을 때 나타난다.

예시

addEventListener

* 오류

 element.addEventListener("click", goToScroll(element.id));
});

* 정상 동작 (ES6 이상)

element.addEventListener("click", () => {
    goToScroll(element.id);
  });

 

onClick

* 오류

onClick={this.props.removeTaskFunction(todo)}

* 정상 동작

onClick={() => { this.props.removeTaskFunction(todo) }

참고

React onClick function fires on render