3주차 목요일 수업내용 state Lifting

문혜민·2022년 3월 31일
0

Paginatuin 페이지네이션
Lifting-State-Up 스테이트 나누기

npm i --save-dev @types/react-slick 하라고하면 데브디펜던시에 해당라이브러리의 타입스크립트
넣으라는 의미임
-->yarn방법
yarn add@types/react-slick--dev

yarn install--production(배포!세상에 공개)

멘토님은 프리보드 네비게이션에 map 함수를 적용, 참고해서 네비게이션바 제작해보자!

data eh 스테이트랑 동일한 역할로 data가 바뀌면 리랜더링 됨 ㅎㅎ

페이지네이션
쪼개기!!

자식컴포넌트들끼리의 스테이트 나눠가지는 법
하나의 자식컴포넌트에서 스테이트를 나눠갖고 한쪽의 자식컴포넌트에서 셋스테이트 하면 양쪽의 스테이트 값이 바뀌게하는법??

자식컴포넌트에있는걸 부모로 올려서 프롭스로 넘겨주면 해결~~

리프팅스테이트, 프롭스를 사용해서 페이지네이션을 공통 컴포넌트로 개조할 수 있다.

공통컴포넌트는 진 짜 잘하는분들이...만들게됨 모든 페이지에 영향을 미치기 때문!

map은 비동기식으로(동시에)처리함!
api요청은 map 이 빠르당

profile
프론드엔드 개발하면서 메모장처럼 쓰는즁

0개의 댓글