[라우터] 간단 정리

1. react-router-dom 라이브러리 설치

 

2. <BrowserRouter> 컴포넌트로 감싸서 라우터(history, match, location)을 사용

 

3.  a링크 컴포넌트 사용하면 안되고 link 컴포넌트 사용

 

4. url로 넘어온 param은 match를 이용하여 제어, history를 이용하여 브라우저 페이지 이동이 가능, location에는 현재 주소정보가 들어있음

 

5. withRouter는 hoc 컴포넌트이며 라우트로 등록된 컴포넌트가 아니여도 history, location, match를 이용할수있도록 해줌

 

6. Switch 컴포넌트를 이용하여 라우트 컴포넌트들 중 하나만 보여줄수있다 없으면 not found 페이지를 띄워줄수도있음

 

7. NavLink 컴포넌트를 이용하여 현재 경로와 같은 주소를 같는 메뉴에 css를 적용할수있음