12장. immer를 사용하여 더 쉽게 불변성 유지하기

- immer 라이브러리를 설치하여 사용함.

- 사용법:

import produce from 'immer'; //이렇게 import해와서 사용.

...
const [form, setForm] = useState({name: '', username: ''});

//아래와 같이 작성하면 됨.
const func = () =>{
	setForm(
    	produce(form, draft => {draft[name] = value;})
    )
}
    
//useState의 함수형 업데이트로 쓸 수도 있음.
const func = () =>{
	setForm(
    	produce(draft => {draft[name] = value;})
    )
}

 

immer 라이브러리를 쓰면 컴포넌트의 상태 업데이트가 까다로울 때 사용 시 유용함.