const [cards,setCards] = useState()
[]
//변경된 내용을 아래와 같이 사용
setCards(updated)
위와 같은 사용방법이 일반적으로 setState를 사용할떄 방법이다.
그런데 간혹 새로운 값을 업데이트 하는 과정에서 새로운 데이터가 업데이트 되지 않는 경우가 있다고 한다.
그것을 대비하기 위해 setCards(callbackFuc) 을 활용하여 사용이 가능하다고 한다.
예제로 보면
setCards((cards) => {
const updated = { ...cards };
updated[card.id] = card;
return;
});
위와 같이 활용하는 경우 새로운 데이터가 업데이트 되지 않는 사태는 발생하지 않을것이다.