React-router-dom로 페이지 이동하기

React-router-dom: React에서 화면전환을 하기 위해 이용하는 라이브러리

1. React-router-dom 설치하기

npm install react-router-dom@5.2.0

2. BrowserRouter 불러오기

index.js파일에(main에 있는거말고 src에 있는고) BrowserRouter를 불러올건데
import {BrowserRouter} from 'react-router-dom'
이게 App을 감싸고 있어야 이 안에서 페이지 이동이 가능해진다.

3. 이동할 페이지 만들기

일단 상품페이지랑 업로드 페이지 만들거다.

4. App.js파일에 import하고 path 만들기

1. 가장먼저 div 태그로 감싸준다.
2. Switch와 Route라는 컴포넌트를 사용해준다.

• Switch는 Route 컴포넌트를 감싸는 상위 컴포넌트다.
• Route는 path라는 prop를 통해 경로를 설정해줄 수 있다.