React) router.tsx 세팅

npm i react-router-dom

 

... React Router Dom: 어플리케이션에 URL을 가질 수 있도록 해준다.

 

// [router.tsx]

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

function Router() {
  return (
    <BrowserRouter basename={process.env.PUBLIC_URL}>
      <Routes>
        <Route path='/:<path명>' element={<컴포넌트명 />}/>
      </Routes>
    </BrowserRouter>
  );
}
export default Router;

 

* 상위 tsx파일 (index.tsx / app.tsx)에 

 

        <Router />

를 추가해줘야 함