useState의 비동기성👍

useState는 React에서 상태를 변경할 때 사용한다. 그냥 그렇구나 하며 아무 생각 없이 useState를

사용해 왔었다. 공부하다가 오늘에서야 알게된 사실이 하나 있다...바로 useState의 비동기성.....


  1. state 값을 eventHandler 함수 안에서 실행할때

  2. setState로 여러가지 상태들을 업데이트 할때


useState는 비동기적으로 동작한다고 한다.

왜그런가 하면 React는 Virtual Dom을 조작하는데 state가 변경되면 여러가지를 한번에 rendering

하게 되는데...여러개의 상태를 변경하게 되면 그만큼 많이 rendering이 발생하기 때문에, 이를 방지하기

위하여 state의 변경을 즉시 처리하지 않고 대기열에 넣어 한번에 적용 시킨다고 합니다.

그렇기에 가끔 예상하지 못한 현상이 발생하게 되고, 이를 처리하기 위해 useEffect hook을 사용합니다.

profile
개발자를 꿈꾸는 자

0개의 댓글

Powered by GraphCDN, the GraphQL CDN