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

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

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

여러가지가 있지만 우선 강의를 기준으로 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;

인프런 커뮤니티 질문&답변