react-router-dom 기본 사용

npm i --save react-router-dom

 

router를 사용 안하고 <a>태그 사용시 SPA로 제작한 의미가 퇴색됨.

 

a태그 사용시 전체 페이지를 다시 불러오므로 꼭 router 사용법을 익혀야함.

 

index.js에서 <App /> 을 <BrowserRouter> 로 감싼다.

라우팅 할 페이지에서 Route 태그를 이용해서 패스지정

패스 지정시 /로만 지정된 주소가 있다면 exact속성 부여해야함.

 

Link to 활용 예제

 

match.params로 데이터 넘기기

 

link 스타일 먹일땐 Link 임포트 후 임포트받은걸 상속해서 진행.