인프런 커뮤니티 질문&답변
작성한 질문수
react Router dom
작성
·
585
답변 1
0
John Ahn
지식공유자
안녕하세요 !!! 강의에서 업데이트 해두지 않은점 죄송합니다 ㅠㅠ !
하지만
강의 소스 코드 firebase-v9 (2021-12-30 update)
여기 소스 코드에 자료에 react router dom 부분을 업데이트 해뒀습니다.
참고해주세요
감사합니다.
Nam Oh Kwan
질문자
안녕하세요,
말씀하신 코드 확인해서 아래와 같이 수정 후에 실행해봣는데 아무 것도 화면에 뜨지않네요ㅠ
어떻게 수정해야하는 것일까요?
import React from "react";
import "./App.css";
import { Routes, Route } from "react-router-dom";
import registerPage from "./components/register/registerPage";
import landingPage from "./components/landingPage/landingPage";
import loginPage from "./components/login/loginPage";
function App() {
return (
<Routes>
<Route path="/" element={<landingPage />} />
<Route path="/login" element={<loginPage />} />
<Route path="/register" element={<registerPage />} />
</Routes>
);
}
export default App;
import './App.css';
import {BrowserRouter as Router,Route,Routes} from "react-router-dom";
import LoginPage from './components/LoginPage/LoginPage';
import RegisterPage from './components/RegisterPage/RegisterPage';
import ChatPage from './components/ChatPage/ChatPage';
function App() {
return (
<Router>
<Routes>
<Route exact path="/" element={<ChatPage />} />
<Route path="/login" element={<LoginPage />} />
<Route path="/register" element={<RegisterPage />} />
</Routes>
</Router>
);
}
export default App;
이렇게 Router로 감싸면해결됩니다