react-router-dom (추가 및 수정예정)

react에서 네비게이션을 만들어주는 패키지인 react-router-dom을 사용해보자

 

https://reactrouter.com/web/guides/quick-start

React Router: Declarative Routing for React

HashRotuer -> Route path 

problem -> 라우터를 읽을때~ 읽어 들인 모든 " / " , " about " 까지 다 랜더링해서 /about 페이지에서도 다보임

이때 exact={true}를 사용함

 

Navigation 컴포넌트를 하나 만드는데 a href를 사용하면 html이기때문에 매번 Loading이 이루어짐

Link to를 사용

 

detail 페이지를 만들때  routes props를 알아야한다

About 콤포넌트에 props를 인자로 넣어주고 console.log해주면 object하나가뜬다.

라우터에 있는 모둔 라우트들은 모두 props를 가진다. 

 

... 추가및 수정 예정