인프런 커뮤니티 질문&답변

ssidajkf님의 프로필 이미지
ssidajkf

작성한 질문수

만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript)

React.js context 활용한 Auth 처리

useState의 set 함수에 대해서 질문이 있습니다.

해결된 질문

작성

·

414

0

useState의 set 함수가 비동기로 실행된다고 이해하고 있는데

setLoading(true);
setAuthUser({
  uid: authState.uid,
  email: authState.email,
  photoURL: authState.photoURL,
  displayName: authState.displayName,
});
setLoading(false);

이 부분의 코드가 어떻게 순서대로 실행이 되는건가요? set 함수끼리는 순서가 지켜지나요?

답변 1

1

totuworld님의 프로필 이미지
totuworld
지식공유자

실행 순서는 지켜질텐데요.

setLoading의 경우는 코드보니까 ture와 false를 연속해서 받아서 최종 false가 될듯하네요.

 

위 처럼 실행하면 업데이트가 여러개 일어날거에요.
제 기억이 정확치 않지만 이에 관해 한번에 state 업데이트하도록 수정하다고 봤던듯합니다.

ssidajkf님의 프로필 이미지
ssidajkf
질문자

스크린샷 2023-02-01 오전 11.20.22.png감사합니다! 인터넷에는 이런 설명이 있는데 이렇게 받아들여도 될까요?

totuworld님의 프로필 이미지
totuworld
지식공유자

음 이 설명보다!!
https://beta.reactjs.org/learn/state-as-a-snapshot

이 문서가 더 이해하기 좋을거에요!

ssidajkf님의 프로필 이미지
ssidajkf
질문자

공식문서를 많이 봐야겠군요 감사합니다 멘토님!!

ssidajkf님의 프로필 이미지
ssidajkf

작성한 질문수

질문하기