- React

비동기로 State를 변경할 때 주의할 점

나둥식 2023. 3. 2. 22:09

✅ 네트워크 스로틀링(Throtting) 기능

: 네트워크 속도가 느린 상황이나 오프라인 상태를 테스트 할 때 유용하게 사용 가능!

 

 

 

✅ 버그 수정

📌 비동기로 state를 변경할 때는 잘못된 시점의 값을 사용하는 문제가 있음!!
==> setter 함수에 값이 아닌, 콜백을 전달해서 해결 가능

📌 비동기 상황에서 state를 변경할 때 이전 state값을 사용하려면, setter 함수에서 콜백을 사용하여
이전 state를 사용함!

 

📝 이전 state값을 받아서 변경할 state값 return

- prevItems는 고정된 값이 아니라 함수의 파라미터이므로 현재 시점의 state값을 전달 해 줌