인프런 커뮤니티 질문&답변
작성자 없음
작성자 정보가 삭제된 글입니다.
질문 답변 부탁드립니다. 회원가입, 로그인 페이지에서 로딩
작성
·
367
npm run start를 실행하면 loading만 게속 뜨고 넘어가질 않네요. 현재 회원가입 및 로그인 파이어베이스 9 버젼으로 바꾼 상태입니다. 코드도 다 똑같이 했는데 뭐가 문제인지 모르겠습니다.답변 1
0
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);
이렇게 바꿔주세요 !
감사합니다