Frontend/React
2022. 8. 6.
[React] useState batching, 비동기, 동기처리
useState의 두 가지 특이점에 대해서 기록하려고 한다. 두 가지 특징 모두 useState가 반환하는 세터 함수에 의해 일어나는 일이다. Batch Update state값의 업데이트는 16ms 단위로 이루어진다. 16ms 내 변경된 state값은 한 번에 업데이트된다. 때문에 setState 작업이 비동기적으로 작동하는 것이다. import { useState, useEffect } from "react"; export default function App() { const [num, setNum] = useState(0);//초기값을 0으로 한 state const handlePlus = () => { setNum(num + 1);//기존 num 값에 1을 더하는 작업을 3번 함 setNum(n..
![[React] useState batching, 비동기, 동기처리](http://i1.daumcdn.net/thumb/C230x230/?fname=https://blog.kakaocdn.net/dn/p8LNe/btrWdG6Cx5A/Twbf3w8S5X1ryym2XrrpZ0/img.png)