API/immer
-
immer란?API/immer 2022. 9. 13. 17:03
immer 리액트에서 가장 중요한 점은 업데이트를 하고자하는 객체, 배열은 직접 수정하면 안되고 불변성을 지켜주면서 업데이트를 해줘야한다. 아래 코드는 대표적인 예이다. const user = { name:'JACK', age:22, } const newUser = { ...user, age:22 } 이처럼 리액트는 불변성이 매우 중요한데 위의 예시처럼 간단한 객체 혹은 배열이라면 얕은 복사를 통해 수정하는 것은 어렵지가 않다. 하지만 위처럼 코드가 단순하지 않다면 코드가 매우 길어지며 복잡해지기 시작한다. 만약 객체 속에서 아이디를 찾은다음에 그 아이디가 작성한 게시글을 찾아 해당 게시글에 댓글을 추가하는 코드를 작성할 때 불변성을 지키며 코드를 작성하면 아래와 같다. // state에서..