- React
비동기로 State를 변경할 때 주의할 점
나둥식
2023. 3. 2. 22:09
✅ 네트워크 스로틀링(Throtting) 기능
: 네트워크 속도가 느린 상황이나 오프라인 상태를 테스트 할 때 유용하게 사용 가능!
✅ 버그 수정
📌 비동기로 state를 변경할 때는 잘못된 시점의 값을 사용하는 문제가 있음!!
==> setter 함수에 값이 아닌, 콜백을 전달해서 해결 가능
📌 비동기 상황에서 state를 변경할 때 이전 state값을 사용하려면, setter 함수에서 콜백을 사용하여
이전 state를 사용함!
📝 이전 state값을 받아서 변경할 state값 return
- prevItems는 고정된 값이 아니라 함수의 파라미터이므로 현재 시점의 state값을 전달 해 줌