참조를 이용한 값 읽기1 [React, JavaScript] 이벤트 핸들러에서 최신 상태 값 읽기 자바스크립트 그리고 이에 기반한 리액트에서 뷰 컴포넌트(HTML 요소)에 이벤트 핸들러 함수를 추가하면 함수의 실행 루틴뿐 만 아니라 이벤트 핸들러 등록 시점의 상태값까지 한꺼번에 가져온다. 예를 통해 살펴보자. let value = 0; function onClickButtonHandler(){ console.log('onClickButtonHandler().value:', value); value = value + 1; } Button 1 Button 2 위와 같은 코드에서 과 를 차례대로 한 번씩 클릭하면 0, 1의 값이 차례로 디버그 콘솔에 표시되어야 할 것 같은데 실제로는 0, 0의 값이 표시된다. 즉, 글로벌 변수인 value 값이 update되는 것이 아니라 각 버튼에 등록된 이벤트 핸들러가.. 2023. 2. 6. 이전 1 다음