• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

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

21.11.04 12:17 작성 조회수 193

0

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

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

답변 1

답변을 작성해보세요.

0

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

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);

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