본문 바로가기

Web Front-End/React

React immer

1. immer

  • immer 라이브러리를 통해 불변성을 유지하는 작업을 쉽게 처리할 수 있다.
  • 첫 번째 파리미터는 수정하고 싶은 파라미터이고 두 번째 파리미터는 상태를 어떻게 업데이트할지 정의
  • state의 불변성을 유지하면서, 새로운 상태를 생성해준다.
import produce from 'immer';

const nextState = produce(originalState, draft => {
	
    // 바꾸고 싶은 값만 바꾸기
    draft.<property>.<property>.<property> = <value>;
});

 

'Web Front-End > React' 카테고리의 다른 글

React Router 적용  (0) 2020.04.18
React SPA(Single Page Application)  (0) 2020.04.18
React 컴포넌트가 리렌더링이 발생하는 상황  (0) 2020.04.17
React 컴포넌트 스타일링  (0) 2020.04.13
React Hooks  (0) 2020.04.12