-
질문 & 답변
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
어떤것이 문제인지 모르겠습니다 라우터 연결하자 화면에 뜨지 않아요
22.07.13 00:57 작성 조회수 183
0
-
바뀐 코드로 해도 안됩니다
아예 화면이 안떠요 처음에는 버전 문제인줄 알았는데 채팅룸 만드는데도 안뜨네요
import React, { useEffect } from "react";import { Routes, Route, useNavigate } from "react-router-dom";
import ChatPage from "./components/ChatPage/ChatPage";import LoginPage from "./components/LoginPage/LoginPage";import RegisterPage from "./components/RegisterPage/RegisterPage";
import { getAuth, onAuthStateChanged } from "firebase/auth";
import { useDispatch, useSelector } from "react-redux";import { setUser } from "./redux/actions/user_action";
function App(props) {
const navigate = useNavigate();let dispatch = useDispatch();const isLoading = useSelector((state) => state.user.isLoading);
useEffect(() => {const auth = getAuth();onAuthStateChanged(auth, (user) => {if (user) {navigate("/");dispatch(setUser(user));// User is signed in, see docs for a list of available properties// https://firebase.google.com/docs/reference/js/firebase.Userconst uid = user.uid;
} else {navigate("/login");//dispatch(clearUser());// User is signed out}});
}, []);
if (isLoading) {return <div>...loading</div>;
} else {return (<Routes><Route path="/" element={<ChatPage />} /><Route path="/login" element={<LoginPage />} /><Route path="/register" element={<RegisterPage />} /></Routes>);}
}
export default App;
답변을 작성해보세요.
0
John Ahn
지식공유자2022.07.17
안녕하세요!!!
현재 사용하고 있는 소스 코드를 깃허브 저장소에 올려서
주소를 전 달해주실 수 있을까요?
전체 코드를 사용해서 제가 직접 한번 해보겠습니다!!
만약 제가 답이 없으면 새로운 글에 올려주시면 바로 답하겠습니다 감사합니다.!
답변 1