useState 객체 안의 boolean 값 변경

useState hooks를 사용해서 boolean인 state의 값을 변경할 때는 보통 다음과 같이 쓴다.

const stateName = [state, setState] = useState(false);
setState((prev) => !prev);

 

그런데 state의 값이 객체이고, 해당 객체의 특정한 boolean인 value에 대해 변경할 필요가 생겼다.

아래와 같이 해 준다.

setDiaryInfo((prev) => ({
                      ...prev,
                      subscribe: !{ ...prev }.subscribe,
                    }));

 

끝.