불변성

[React] 불변성을 쉽게 유지하는 Immer lib

리액트에서 객체나 리스트는 항상 불변성이 유지되어야한다. (정말 싫다) spread, map, filter, concat 등 정말정말 불편하다. 이를 쉽게 해주는 Immer 라이브러리가 존재한다. 설치 $yarn add immer //보통 produce로 사용한다. import produce from 'immer'; 사용 const myObject = { index : 1, name : 'park' }; //produce 함수를 사용하면 간단히 불변성 유지를 하며 요소의 변경이 가능하다. const nextState = produce(myObject, draft => { draft.index += 1; }); useState와 함께 사용 const onClick = useCallback(() => { /..