[리액트] Immer

Immer

- 상태를 업데이트 할 때, 불변성을 신경쓰지 않으면서 업데이트를 해도 Immer 가 불변성 관리를 대신 해준다

 

//불러오기
import produce from 'immer';



const state = {
  number: 1,
  dontChangeMe: 2
};

//첫번째 파라미터에는 수정하고 싶은 상태
//두번째 파라미터에는 어떻게 업데이트하고 싶을지 정의하는 함수
//두번째 파라미터에 넣는 함수에서는 불변성에 대해서 신경쓰지 않고 
//그냥 업데이트 해주면 다 알아서 처리해줌
const nextState = produce(state, draft => {
  draft.number += 1;
});

console.log(nextState);
// { number: 2, dontChangeMe: 2 }

출처

https://react.vlpt.us/basic/23-immer.html

23. Immer 를 사용한 더 쉬운 불변성 관리 · GitBook