React 라우팅

넥스트는 라우팅이 필요 없어서 그새 리액트 라우팅을 까먹은 기념으로 다시 정리

1.navbar

Router사용

잘나는 오류

=> Router를 최상단으로 올리기

2.버튼

useHistory 사용

3.PageNotFound

useLocation 사용
{location.pathname} => 내가 적은 주소

4.useParams

useParams

App.js에서 path 부분 적고

해당 페이지에서
useParams 임포트하고
{} 선언하고
사용

References😎

Router vs Switch
https://stackoverflow.com/questions/66313344/react-router-whats-the-difference-between-router-and-switch

Router & Redux
https://blog.logrocket.com/react-router-with-redux-navigation-state/

Pedro routing explained
https://www.youtube.com/watch?v=o__czqXJtqk

정리 잘 해놓은 벨로그
https://velog.io/@devstone/react-router-dom-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B3%A0-%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0