inflearn logo
강의

講義

知識共有

フォローして学ぶノード、リアクトシリーズ - 基本講義

ノードリアクト基礎講義 #20 React Router Dom

react 5 to 6 업그레이드 관련 이슈

解決済みの質問

714

kiminpyo

投稿した質問数 11

8

밑에 분도 관련 이슈로 코드예시를 들어주셨는데요.

react 버전이 v5 ->  v6가 업그레이드 되면서 바뀐 내용에 대한 정보는 공식홈페이지 docs  주소남깁니다. 

React Router | Upgrading from v5

여러가지가 있지만 우선 강의를 기준으로 switch가 Routes로 바뀌었구요. url에 있는 docs를 예시로 작성하셔도 되고,  하기 어렵다면 예제를 그대로 사용하시면 됩니다.


import {
  BrowserRouter,
  Route,
  Routes,} from "react-router-dom";
 
  import LandingPage from './components/views/LandingPage/LandingPage'
  import LoginPage from './components/views/LoginPage/LoginPage'
  import RegisterPage from './components/views/RegisterPage/RegisterPage'
 

  function App() {
 
    return (

      <BrowserRouter>

      <Routes>
     
      <Route exact path="/" element = {<LandingPage/>}/>
      <Route exact path="/login" element = {<LoginPage/>}/>
      <Route exact path="/register" element = {<RegisterPage/>}/>
     
      </Routes>
     
      </BrowserRouter>
     
    );
 
  }
export default App;

react nodejs

回答 2

2

k291760731

일단 v5 다운그레이드 시켜서 수업 무난히 따라가고 추가적으로 v6 내용을 자료 찾아 정리하면서 공부하려고요. 자료 올려주셔서 감사합니다.

1

gwihwan

굿 저도 적으려고했는데!
5버전에서 6버전으로 가면서 Switch -> Routes로 설정해주면되나봐요! 혹은 강의기준으로 5버전으로 진행하시면 될듯합니다~ client -> package.json -> "react-router-dom" 버전을 확인하세요!

깃 이메일이랑 비번이 필요하다고 하네요

0

35

1

404 에러

0

102

1

34강 인증 체크에서 element 사용 때문에 에러나시는 분들 이렇게 하심 됩니다.

0

120

1

로그인, 로그아웃, 토근 작동 안 함

0

239

0

9강 오류 어떻게 해결하나요?

0

194

1

localhost 에서 연결을 거부했습니다.

0

1927

4

포스트맨에서 true가 안떠요

0

150

1

왜 안되나요

0

129

1

몽고db 연결 오류가 납니다 위에껀 입력한 코드, 아래껀 터미널이에요

0

243

1

로그아웃 401 에러(Unauthorized)

0

504

2

암호가 해싱되지 않고 입력값 그대로 db에 저장되는 문제

0

149

1

7강중에서

0

162

2

User.findByToken is not a function

0

211

1

루트 디렉토리

0

271

1

useState

0

560

1

프록시 잘 설정했는데도 404 오류 뜨는 분들

5

875

6

webpack 관련 에러 질문

0

219

1

리액트 관련 질문

0

272

1

14강 로그아웃 안됨

0

318

1

mongoDB 데이터 확인하는 법

0

410

1

postman 에러

0

291

1

선생님 리덕스를 사용하면 어떠한 부분이 좋은지 알 수 있을까요?

0

234

1

다음과 같은 에러들이 발생합니다.

0

273

1

14강 로그아웃 기능 구현시 postman에서 Cannot POST 오류가 뜹니다.

0

379

1