Route와 파라미터

• SPA 개발을 위한 리액트 라우터
• 관련 라이브러리 설치

npm i react-router-dom query-string

• BrowserRouter: HTML5 history api를 사용하여 새로고침하지 않고 페이지 주소 교체
• query-string: query string url 파싱 라이브러리

라우트 이동

• Link 컴포넌트

<ul>
    <li><Link to="/">홈</Link></li>
    <li><Link to="/about">소개</Link></li>
    <li><Link to="/about/react">리액트 소개</Link></li>
</ul>

• NavLink 컴포넌트

<ul>
    <li><NavLink exact to="/" activeStyle={activeStyle}>홈</NavLink></li>
    <li><NavLink exact to="/about" activeStyle={activeStyle}>소개</NavLink></li>
    <li><NavLink exact to="/about/react" activeStyle={activeStyle}>리액트 소개</NavLink></li>
</ul>