React setState 동기식(Sync) 처리 방법!

React setState 동기식 처리 방법!

setState는 기본적으로 비동기식 처리

 

* 동기식(Sync) vs 비동기식(Async)

비지니스 로직을 완전히 끝내고 제어를 반납 : 동기식
비지니스 로직이 끝나지 않아도 제어권을 넘겨서 다음 로직을 수행 : 비동기식

 

// 콜백함수를 이용하여 동기식 처리

this.setState({
  data: data,
}, () => {
  // setState 이후 실행됨
  // setState 한 후 처리할 비지니스 로직 혹은 메서드 호출하면 동기식으로 처리 가능
})

 

 

끘#@%$^%$!@#!@$##@$@@@