예제 코드는 버튼을 클릭할 때만 clickHandler('Hello')가 실행되어 ‘hello’라는 메시지를 경고창으로 표시합니다.

함수 참조로 매개변수를 전달하면 함수가 즉시 실행되는 문제가 발생합니다. 즉, 다음과 같이 작성하면 버튼을 클릭하지 않아도 컴포넌트가 렌더링될 때 clickHandler('Hello')가 즉시 실행됩니다.

<button onClick={clickHandler('hello')}>click</button>

이벤트 핸들러에 매개변수를 전달할 때 인라인 핸들러 방식을 사용해야 한다는 점을 꼭 기억하세요.