08_25 메모 / 코딩중 메모

 

setData(data + 1)
→ 현재 렌더링 시점의 data 값을 기준으로 업데이트 (여러 번 호출 시 누적 안 됨)

setData(prev => prev + 1)
→ 항상 최신 상태 기준으로 안전하게 업데이트 (여러 번 호출 시 누적 O)

setData(!data)
→ 캡처된 data 뒤집기

setData(prev => !prev)
→ 최신 상태 뒤집기 (여러 번 호출 시 안전)

 

 

 

setData(prev=>prev+1) vs setData(prev=>prev++)

→ setData(prev=>prev+1)

 

• 상태는 prev + 1 값으로 업데이트됩니다.
• 안전하고 의도한 대로 "1 증가"

 

→ setData(prev=>prev++)

 

• 1. 현재 prev 값을 반환 (증가 전 값)
  2. 그 후 prev 변수를 지역적으로만 +1 (하지만 이 변경은 함수 내부의 지역 변수에만 적용되고, 리액트 상태에는 반영 안 됨)
• 결국 setData는 증가 전 값을 상태로 저장