리액트 state & lifecycle

신수민·2024년 10월 1일

Recat

목록 보기
7/9

state

:리액트 컴포넌트의 변경가능한 데이터

  • 렌더링이나 데이터 흐름에 사용되는 값만 state에 포함시켜야 함
    => 계속 바뀌니까

  • setstate를 사용해야함!!!

예시

  • state 선언
  • 정해진 작업 수행
  • state 업데이트위해 setstate 사용

lifecycle

  • 시작, update, die, => 콘솔에 남김
  • id 추가
  • key, id 추가
  • 묶기
  • unmount(죽음)되지 않으니 뜨지 않음 => 끝나면 비워주기

react developer tools

  • 설치

  • 렌더링 시간, 무거운 컴포넌트 확인 가능

  • 각 컴포넌트 누르면 props state 확인가능

0개의 댓글