#20 React Router Dom

[인프런] 따라하며 배우는 노드, 리액트 시리즈 - 기본강의를 들으며 정리한 내용입니다.

 

1. react-router-dom 설치하기
   cd client
   npm install react-router-dom --save
   
   
2. reactrouter 사이트 참고해서 app.js 파일에 Router 설정하기

import React from "react";
import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";
import { LandingPage, LoginPage, RegisterPage } from "./index";

function App() {
	return (
		<Router>
			<Routes>
				<Route exact path="/" element={<LandingPage />}></Route>
				<Route exact path="/LoginPage" element={<LoginPage />}></Route>
				<Route exact path="/RegisterPage" element={<RegisterPage />}></Route>
			</Routes>
		</Router>
	);
}

export default App;