onClick에는 렌더링 중 실행 결과가 아니라 클릭 시 실행될 함수를 전달합니다.
event link
React 이벤트는 사용자 행동을 상태 변경으로 연결한다
클릭, 입력, 전파 제어를 다룰 때는 이벤트 핸들러가 언제 실행되고 어떤 인자를 받는지 분명히 구분해야 합니다.
핸들러의 e에서 target 값, 기본 동작, 전파 제어에 필요한 정보를 읽습니다.
추가 값을 넘길 때는 화살표 함수로 감싸 실행 시점을 이벤트 순간으로 늦춥니다.
버튼 클릭 전부터 함수가 실행되지 않는지 확인한다.
e.target과 e.currentTarget의 차이를 상황에 맞게 본다.
폼 제출이나 링크 이동의 기본 동작을 막아야 하는지 판단한다.
부모 핸들러까지 전파되는 동작이 의도인지 확인한다.