React js - react-router-dom v6 설치 사용방법

React js - react-router-dom v6 설치 사용방법

---

1. npm 설치

아래 명령어로 설치한다.

 npm i react-router-dom

 

2. 사용방법

react-router-dom 에서 3가지를 import 해주고 아래와 같이 사용한다.

여러가지 사용방법이 있지만 우선 기본적인 / 루트 페이지 호출 시 Home 컴포넌트를 호출하게 했다.

import Home from './components/Home';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';

function App() {
  return (
    <Router>
      <Routes>
        <Route path="/" element={<Home/>}></Route>
      </Routes>
    </Router>
  );
}

export default App;