State Prev

State

 

 

useState()를 이용해서 4씩 오르는 카운터 만들기

 

• 위 코드를 실행하고 버튼을 클릭했을 때
      ┌ 첫번째 버튼 클릭 시 :
          └ count = 0, 현재 count = 0, 임시저장 count = 1
      ┣ 두번째 버튼 클릭 시 :
          ┌ count = 0, 현재 count = 0, 임시저장 count = 1
          └ count = 0, 현재 count = 0, 임시저장 count = 1
      ┣ 세번째 버튼 클릭 시 :
          ┌ count = 0, 현재 count = 0, 임시저장 count = 1
          ┣ count = 0, 현재 count = 0, 임시저장 count = 1
          └ count = 0, 현재 count = 0, 임시저장 count = 1
      └ 네번째 버튼 클릭 시 :
          ┌ count = 0, 현재 count = 0, 임시저장 count = 1
          ├ count = 0, 현재 count = 0, 임시저장 count = 1
          ├ count = 0, 현재 count = 0, 임시저장 count = 1
          └ count = 0, 현재 count = 0, 임시저장 count = 1
  
      ∴ count가 1씩 밖에 오르지 않음

 

 

prev를 사용하여 4씩 오르는 카운터 만들기

 

• 위 코드를 실행하고 버튼을 눌렀을 때
          ┌ count = 0, 현재 count = 0, 임시저장 count = 1
          ├ count = 0, 현재 count = 0, 임시저장 count = 2
          ├ count = 0, 현재 count = 0, 임시저장 count = 3
          └ count = 0, 현재 count = 0, 임시저장 count = 4
  
          ∴ count = 4가 됨