[React] useState 비동기 처리와 함수형 업데이트
setState는 비동기로 동작 리액트에서 setState를 사용하여 상태를 업데이트할 경우 즉시 반영되지 않는다. 리렌더링이 된 후에 업데이트 된다. (state 변경 > 리렌더링 > state반영) 여러개의 state를 컨트롤하는데에는 이점. 배칭이란? 배칭은 React가 더 나은 성능을 위해 여러 개의 state 업데이트를 하나의 리렌더링 (re-render)로 묶는 것을 의미한다. 예를들어, 하나의 클릭 이벤트 안에 두 개의 state 업데이트를 가지고 있다면, React는 언제나 이 작업을 배칭하여 하나의 리렌더링으로 만든다. 다음과 같은 코드를 실행해보면, 매 번 누를 때마다, state를 두 번 변경 하였지만, React는 단 한 번의 렌더링만 수행한다. const [num, setNum] ..
Coding/React
2021. 12. 7. 21:56