-
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
react Router dom
22.03.29 23:16 작성 조회수 437
0
react router dom 을 활용하는데,
강의에서는 Switch 라 떠서요.
근데, 인터넷 찾아보니 업데이트 되면서, Switch 말고 Routes 를 써야된다고 하는데, 어떻게 하는게 좋을까요?
따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]
강의 소스 코드 v7에서 v9으로 바꾸는 용도로 사용 (2021-12-30 update)
강의실 바로가기
답변을 작성해보세요.
0
John Ahn
지식공유자2022.03.30
안녕하세요 !!! 강의에서 업데이트 해두지 않은점 죄송합니다 ㅠㅠ !
하지만
강의 소스 코드 firebase-v9 (2021-12-30 update)
여기 소스 코드에 자료에 react router dom 부분을 업데이트 해뒀습니다.
참고해주세요
감사합니다.
Nam Oh Kwan
질문자2022.05.08
안녕하세요,
말씀하신 코드 확인해서 아래와 같이 수정 후에 실행해봣는데 아무 것도 화면에 뜨지않네요ㅠ
어떻게 수정해야하는 것일까요?
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;
apple8841193
2022.06.05
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로 감싸면해결됩니다
답변 1