[React] 리액트 라우터 설치와 셋팅 - react-router-dom 설치방법

 

● React Router 종류

- 웹React Router는 웹과 앱용이 있음

・ react-router: 웹&앱
・ react-router-dom: 웹
・ react-router-native: 앱

 

 

● react-router-dom이란?

・ react의 내비게이션 라이브러리
・ React Router를 사용하면 앱에서 발생하는 라우팅이 location나 history와 같은 브라우저 내장 API와 완벽하게 연동됨

 

 

 

 

● 설치방법

・ 터미널에서 npm install react-router-dom@6 입력해서 설치

 

 

반응형

 

● 셋팅방법

・index.js 파일로 가서

① import { BrowserRouter } from "react-router-dom"; 해오고

② <BrowserRouter> 안에 <App/>을 감싸면 끝

import { BrowserRouter } from "react-router-dom";

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
     <BrowserRouter>
        <App />
      </BrowserRouter>
  </React.StrictMode>
);