[TIL] 20230823 - 비동기 함수와 dispatch : 로그인 사용자 정보 리덕스 툴킷으로 보내기

 

분명 코드도 맞은거같고 데이터 값이 불려는 오는데 계속 초기값만 불려오는..

 

  useEffect(() => {
    getUser();
    dispatch(setUser(user));
  }, []);

  useEffect(() => {
    getUser();
    // 데이터 로드 완료 시 dispatch를 사용하여 Redux 상태 업데이트
    if (user) {
      dispatch(setUser(user)); // setUser 액션을 통해 데이터를 Redux 상태에 업데이트
    }
  }, [user, dispatch]);

그것은 바로 실행시점? 때문

위 코드에서 중요한 부분은 useEffect 내에서 데이터 로드가 완료되었을 때 dispatch(setUser(userData))를 호출하는 부분. 이렇게 하면 데이터 로드와 Redux 상태 업데이트가 동기적으로 처리되어 데이터 로드 시점 문제를 해결할 수 있다.