[React] React Router

 

공식문서

Home v6.4.2

 

설치하기

터미널에 아래의 명령어를 입력해준다. 

npm install react-router-dom

package.json 파일에 "dependencies" 중 "react-router-dom"이 추가되었는지 확인한다.

 

사용예시

import { BrowserRouter, Routes, Route } from 'react-router-dom';

function <App> = {
  <BrowserRouter>
    <Routes>
      <Route path="/" element={} />
      <Route path="/page" element{} />
    </Routes>
  </BrowserRouter>
}

page에는 해당 컴포넌트를 로드할 주소를 입력하고, element에는 해당 페이지에서 로드할 컴포넌트를 입력한다.