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

작성자 없음

작성자 정보가 삭제된 글입니다.

따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]

질문 답변 부탁드립니다. 회원가입, 로그인 페이지에서 로딩

작성

·

290

0

npm run start를 실행하면 loading만 게속 뜨고 넘어가질 않네요. 현재 회원가입 및 로그인 파이어베이스 9 버젼으로 바꾼 상태입니다. 코드도 다 똑같이 했는데 뭐가 문제인지 모르겠습니다.
아마 redux 저장에서 문제가 생긴거 같은데 잘 모르겠네요
git hub 주소도 첨부합니다.

https://github.com/dgd03146/React-firebase-chat-app

답변 1

0

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

안녕하세요 !! 
실제 코드를 보면 

useEffect(() => {
const auth = getAuth();
onAuthStateChanged(auth, (user) => {
if (user) {
history.push("/");
dispatch(setUser(user));

// User is signed in, see docs for a list of available properties
// https://firebase.google.com/docs/reference/js/firebase.User
const uid = user.uid;
// ...
} else {
history.push("/login");
dispatch(clearUser());
// User is signed out
// ...
}
});
}, []);

이렇게  로그인이 아닌 상태에서는 clearUser로 호출해줘야  loading 이 false로 바뀌어서 화면이 잘 나오게 됩니다.   저 부분도 추가해주세요 ! 

그리고  loginPage나 registerPage에 보면 

const { loding, setLoading } = useState(false);

이런식으로 되어있는데 

const [loding, setLoading] = useState(false);

이렇게 바꿔주세요 ! 
감사합니다

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기