배치 기능 (React batch Update)

state는 한번에 업데이트 됩니다.

 React batch Update ?

 

리액트 성능을 위해 단일 업데이트 로 한번에 처리 합니다.

 이를 통해 컴포넌트의 렌더링 횟수 를 최소화 합니다.

 

batch update 는 이벤트 핸들러  내에서 일어나며, 다른 메서드에서도 동작합니다.

만약 이벤트 핸들러가 비동기로 실행될 시 일괄적으로 업데이트가 되지 않습니다.

 

강제 batch Update 적용

 

ReactDOM.unstable_batchUpdate 사용하면 됩니다.

import { unstable_batchedUpdates } from 'react-dom';
...
 unstable_batchedUpdates(() => {})

 

default로 모든 업데이트를 일괄적으로 처리할 수 있도록 업데이트가 됩니다.