<button onClick={handleEvent}>Event</button>
과 같은 양식으로 작성을 하는데 주의할 점이 있다.
onClick={alert(name)} 같은 경우는 값이 변경되었을 때 handleEvent 함수 실행이 아닌, 함수의 결과가 나타나야하는 특성상, alert가 제대로 실행되지 않는다.
onClick={handleEvent} 와 같이 이미 정의된 함수나
onClick={ () ⇒ {alert(name) } } 와 같이 함수로 넣어야 정상적으로 alert가 실행된다.
event.target은 상태변화가 일어난 객체를 가리킨다.
맨 윗줄의 예시와 같은 경우 button객체를 지칭한다.
react가 state를 통제하는 방법은 input에 값 입력시, state도 그때그때 바뀌면 된다. 그리고 이 변경된 state와 input의 value 또한 같게 작성해야 한다. 왜???
set함수는 state변수의 값을 변경/설정하는 함수이다. 예를들어
const [showPopup, setShowPopup] = useState(false);
위와 같은 state변수가 있는 경우 setShowPopup의 return 값은 showPopup의 값을 true나 false로 변경해주는 함수인 것이다! 해당 문제에 대한 예제는 아래 링크에서 꼭 한 번 더 확인해볼 것!