목록동기성 (1)

꾸준히 성장하는 개발자

[React] React state 비동기성

먼저 동기성과 비동기성에 대해 알아보자 동기성 - 우선순위 작업이 끝날 때까지 기다리는 동안 준비상태가 되기 때문에 다른 작업을 진행하지 않는다 비동기성 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행한다. 자바스크립트의 특성 중 하나이다. 동시에 여러가지 작업을 처리할 수 있고 기다리는 과정에서 다른 함수를 호출할 수도 있다. React의 state 비동기성 우리가 onClick 이벤트를 넣으며 기대했던건 setNum함수가 3번 돌면서 기존 숫자에 1씩 3번이 더해지며 4가 나오는것을 기대한다. 하지만 여기서는 값이 2만 나오게 된다. 그 이유는 비동기성에 있다. 첫번째 setNum(num+1) 이 완료돼서 state가 update가 되어 num이 2가 되기 전에 다음..
React 2022. 5. 20. 16:01
이전 Prev 1 Next 다음