React-Dom-Router

react-dom-router

route해줄 component가 들어있는 녀석들.

 

<How to install>

npm i react-router-dom

 

import {BrowserRouter as Router, Switch(요즘은 Routes), Route} from ‘react-dom-router’

Home을 가장 마지막에 두어야 나머지 페이지가 정상적으로 랜더링 됨.

Why? path의 앞부분 부터 일치하는 부분이 있으면 그걸로 OK.

그럼에도 앞쪽에 Home을 넣고 싶다고 하면 **<Route exact path =’/’>**으로 입력

---

Switch를 넣어준 이유는 한 번에 하나의 라우트만 렌더링 하기 위해서임

Why? 리액트 라우트는 두 개의 라우트를 한번에 렌더링 하는것도 가능하기 때문

---

Switch는 최신버전에서 쓰이지 않고 Routes가 대신 쓰임.

property로 element가 생기고 element로 component가 { }안에 들어가게 바뀜.