Router

React-Router

URL을읽어React Compnent를렌더링해서보여주는역활

 

React는라이브러리이기때문에React-Router라는라이브러리를설치해야한다.

 

 

React Router V4까지나옴

 

React-Router의공식깃허브사이트https://github.com/ReactTraining/react-router

에설치할라이브들이소개되어있다.

 

 

import{ BrowserRouteras Router, Link, Route} from 'react-router-dom'; // 주로쓰는애들

 

 

<Router></Router>를선언해야링크컴포넌트를사용할수있음

그리고해당영역을설정해줘야라우팅시렌더링이되며영역외에는항상렌더링되는부분이다.
 /** ts를사용하면tslint.json 에  

"rules": {

"jsx-no-lambda": false

}

**/
 

 

<Router>
path속성으로경로지정

render, component, chiledren 속성으로렌더링

실제경로가지정한경로와완벽히일치하지않더라도, 경로만포함해도렌더링=> exact={true} 로해결

 

컴포넌트에match, location, history 객체를넘김
 

 

출처 : https://velopert.com/3417