-
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
회원 가입후 displayName이 제대로 표시 안되는 이슈 문의
21.01.13 03:15 작성 조회수 144
0
안녕하세요. 회원 가입후 displayName이 제대로 표시 안되는 이슈 문의입니다.
회원 가입을 누르면 firebase의 createUserWithEmailAndPassword()을 통해서 회원 가입을 진행하는데요.
이게 자동 로그인 이더라구요.
자동 로그인 된후 app.js에 등록해 두었던 firebase의 onAuthStateChanged 콜백이 호출되고 여기서 리덕스를 통해 사용자 정보를 등록합니다.
사이드바가 렌더링 되면서 리덕스에서 사용자 정보를 가져오는데 여기서 displayName과 photoURL이 표시가 안되네요.firebase에 displayName과 photoURL을 업데이트 하기 전에 onAuthStateChanged는 트리거되고
사용자 정보가 업데이트 되더라도 onAuthStateChanged 콜백은 호출되지 않다보니 이런 현상이 일어난거 같고요.
새로고침하면 firebase에서 업데이트된 정보를 가져오므로 제대로 표시됩니다.
현재 4강까지 강의 들었는데 이 이슈에 대해 해결하는 부분이 있을까요?
구글링 해보니 자동 로그인을 막고 강제 로그아웃하라고 나와있어서 아래 링크 21L에서 강제 로그아웃 시키고 있습니다.
https://github.com/sajacaros/react-chat/blob/main/src/components/RegisterPage/RegisterPage.js
따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
프로필 이미지 수정(3) 리덕스 스토어 데이터 변경 및 데이터베이스에 데이터 저장
강의실 바로가기
답변을 작성해보세요.
답변 0