2주프로젝트(WebPaper_day05 : 기본 컴포넌트 작성)

컴포넌트 업무 분배에 고민 -> 기능별로 분배하는것이 좋다

 

클릭된 아이템의 디테일페이지로 어떻게 넘어가느냐 고민..

React-Hooks

> Hooks가 편하긴 하지만 클래스 컴포넌트로 먼저 사용하는게 나을듯

 

React Router

- Link

: to 를 이용하여 해당 url로 link( a 태그 역할)

  exact를 붙이면 정확한 url에만 반응

 

- Route

: props로 받은 path로 접속하면 component props의 컴포넌트로 연결(render)시켜준다

  Link와 마찬가지로 exact 키워드 사용 가능 

  props를 사용하고 싶다면 <Route render = {props => Mycomponent myProps='hello; />} />

  exact render={(props) => ...props} isAuth={true} />

 

-Switch

: Route 컴포넌트를 감싸주면 호출된 url 컴포넌트만 호출한다