[React] react-router-dom v6 개념 쌓아보기


[React] react-router-dom v6 개념 쌓아보기

업데이트 날짜를 찾아볼려고 했는데 한 2021년 11월쯤 업데이트한 것 같다. 거의 다 최신 버전으로 쓰고 있고 배우기도 그렇게 배워서 정리해야된다는 생각을 못했는데, 여러 모듈을 쓰다보니 이전 버전들을 쓰는 블로그들로 인해 헷갈려서 정리하게 되었다. 업데이트를 하면서 번들 크기가 최적화가 가능해졌다. 70%정도로 줄어든다. React v16.8 React Router v6은 React Hook을 많이 사용하므로 React Router v6으로 업그레이드를 시도하기 전에 React 16.8 이상으로 설치가 되어 있어야 사용이 가능하다. React Router v5는 React >= 15와 호환된다. 내가 글을 쓰고 있는 시점은 react-router-dom은 v6.3.0이다. 설치 npm i react-router-dom 위와 같은 코드를 치면 최신 버전으로 설치가 된다. 이를 package.json에서 확인 가능하다. 달라진 점 1. switch에서 routes로 변경 // v5 ...


#component #변경사항 #switch #routes #react #Props #PATH #Outlet #exact #element #중첩라우팅

원문링크 : [React] react-router-dom v6 개념 쌓아보기