• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Next.js 게시판 onclick 상태변경(상태++)로 작성시 발생되는 문제.

onclick 상태변경(상태++)로 작성시 발생되는 문제.

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #135368

    김도훈
    참가자
    알고리즘 개발을 주로 하던 중 웹 개발에 관심이 생겨 공부를 하고 있습니다. 
    
    let [count, countfunc] = useState(0)
    <h5> {count} </h5>
    <button onClick={()=>{countfunc(count++)}}>+</button>
    count ++는 후위 연산으로 클릭시
    내부 변수 = 1, 표기값 = 0
    내부 변수 = 2, 표기값 = 1
    내부변수 = 3, 표기값 = 2
    이런식으로 증가해야된다고 생각합니다. 하지만 실제 테스트 결과
    내부 변수 = 1, 표기값 = 0
    내부 변수 = 1, 표기값 = 1 
    내부 변수 = 2, 표기값 = 1
    내부 변수 = 2, 표기값 = 2 
    이런식으로 변하게 됩니다. 어떤 요인에 의해 이런 현상이 생기는지 매커니즘이 궁금합니다.
    
     
    "next": "15.1.4",
    "react": "^19.0.0",
    
    #135376

    codingapple
    키 마스터
    count++이거는 count=count+1이라는 뜻이라 함수안에 넣으면 이상해져서 count+1을 넣읍시다 
    그리고 state변경함수는 다른 코드보다 더 늦게 동작합니다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠