[React] 비동기로 동작하는 setState에 대한

이번 포스팅에서는 React에서 setState의 Callback 함수를 사용하는 경우를 소개합니다. 이슈 개발을 하는 중, setState함수가 실행되어 값이 변경되었음에도, state를 사용하는 함수는 한 박자 늦게 변경되는 이슈가 있었습니다. 이러한 이유의 원인을 찾아보니 setState가 비동기 함수라서 그렇다고 합니다. setState 함수는 이벤트 핸들러 함수에서 바로 값을 경신(변경)하는 것이 아니라, 이벤트 핸들러 함수가 종료 후 react에 의해 state값이 경신됩니다. 해결방안 react에서 setState의 Callback 함수를 사용하는 경우는 state를 변경 후 변경된 state를 사용하는 경우입니다. setState 함수로 state의 값을 변경 후 경신된 값을 콘솔에 출력하..