[error] 가위바위보 만들기

[1] 리액트의 특성

_문제

다음과 같이 이벤트리스너의 매개변수로 각 변수명을 입력한 후
매개변수를 userChoice라는 이름으로 묶었다.
각 버튼을 클릭했을 때 매칭되는 매개변수명이 확인되기를 바랐으나
실제로는 랜더링이 되자마자 버튼 3개가 모두 실행된 것을 확인할 수 있었다.

_원인

리액트는 원래 랜더링 시 컴포넌트 전체를 읽어오면서 함수를 자동으로 실행한다.

_해결

함수명()
위와 같은 형태일 때, 함수를 호출(실행)하는 것이므로
콜백함수 형태로 바꾸면 랜더링 시 바로 실행되지 않는다.