react 여러개의 상태값 변경

function onClick(){

setCount(count+1);

setCount(count+1);

};

 

동기로 처리한다면,

하나의 상태값 처리할 때마다 화면을 다시그리므로 성능이슈 발생할 수 있음.

 

만약 상태값 변경은 동기로 처리하고, 화면을 그리지 않는다면 데이터와 화면의 불일치 발생.

 

 

해결방법 :  

함수로 해결, 처리되기 직전에 상태값을 매개변수로 받기 때문에 처리 가능.

function onClick(){

setCount(v=>v+1);

setCount(v=>v+1);

};