React Router 설치환경 만들기

ps://reactrouter.com/docs/en/v6/getting-started/installation

 --React Router을 사용할때 해당 사이트를 참고하세요.--

 

---

<순서 ✔ >

 

1. <터미널> 에 밑에 코드 작업하기  ✔

 

▶ npm install react-router-dom@6

 

 

 

 

2. index.js 에 App을 import 해주고 / BrowserRouter로 감싸주기   ✔

import { BrowserRouter } from "react-router-dom";
<BrowserRouter>
      <App />
    </BrowserRouter>

 

 

 

 

3. APP 에서  페이지 나누기(Routes, Route )  +  import 하기 ✔ 

 

그안에 내용은 <Routes> 로 감싸며 <Route path="경로" element={보여줄내용}/>

으로 작성하면 된다.

===============================

예시 )  페이지를 3개 만든다고 가정한다.

 

import { Routes, Route, Link } from "react-router-dom";

function App() {

  return (

   <>

   <Routes>

    <Route path="" element={}/>

    <Route path="" element={}/>

    <Route path="" element={}/>

   </Routes>

================================