React routing 방법 요약

페이지 라우팅 방법

• header, body, footer 중 라우팅 하고자 하는 곳에 (라우팅되는 대상)
  1. import 추가 import { BrowserRouter, Route } from "react-router-dom"; import LoginPage from '../../containers/loginPage/LoginPage';
  2. 코드 추가 <BrowserRouter> <Route exact path="/login" component={LoginPage} /> </BrowserRouter>
  3. // 만약, Route경로가 여러개라면 import 에 Switch 컴포넌트 추가, <Switch></Switch> 컴포넌트로 감싸기.
• 버튼으로 이동 시, <Button variant="outlined" size="small" href="/login"> Sign up </Button> 과 같이 href="경로" 적어주기.

---

Ref. 모달 로그인 참고 페이지 https://material-ui.com/components/dialogs/ -> form dialog 사용