State와 Prev

한승진·2022년 11월 25일
0

codecamp

목록 보기
6/11

State

  • state란 리액트 컴포넌트에서 데이터를 담기 위한 상자라고 했었습니다. 이 상자에 담긴 내용들은 함수가 모두 끝나게 되면 화면에 반영이 되는데요. state를 이해하기 위해 만든 counter를 다시 보겠습니다.

    위 코드를 화면에 출력해보면 버튼을 클릭할 때 마다 갯수가 하나씩 증가하면서 정상적으로 반영됩니다.

    위 코드를 출력해보면 과연 +5일까?
    정답은 아니다.
  • 우리가 의도한대로 count가 5개씩 증가되도록 하려면 prev라는 임시저장공간을 사용하여 작성해야합니다.

    이렇게 prev를 사용하시게되면 임시 저장공간에 있는 값을 먼저 꺼내오고, 만약 임시 저장공간에 있는 값이 없다면 기본 값을 불러오게 됩니다.
profile
공부를 하는 것에서 끝나는 것이 아니라 배운 내용을 적용해가면서 개발하는 것에 흥미를 느끼며 항상 새로운 기술에 대한 열정이 넘치는 개발자입니다.

0개의 댓글