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

Question

밑에 분도 관련 이슈로 코드예시를 들어주셨는데요. 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 /> } /> ); } export default App ;

k29176@gmail.com · Answer

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

신아가 성장기 · Answer

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