[Node.js] React Router / 버전 6 사용법

React Router란?

[Node.js] React Router란? / 사용법 ( version 5 )

 

React Router 버전 6 사용법

//index.js

// Router 모듈 불러오기
import { render } from "react-dom";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import App from "./App";
import Home from "./components/Home.js";

// React에게 화면을 표시할 부분(Dom) 알려주기위한 객체 만들기
const rootElement = document.getElementById("root");

//렌더링할때 라우터 바로 사용
render(
  <BrowserRouter>
    <Routes>
      // element에 표시할 컴포넌트 입력
      <Route exact path="/" element={<App/>}/>
      <Route path="/home" element={<Home/>}/>
    </Routes>
  </BrowserRouter>,
  rootElement
);