# useImmer

1개의 포스트
post-thumbnail

[React]-더 간단한 상태관리를 위해 Immer 사용해 보자!!

챌린지: 멘토리스트를 띄우고 prompt이용해서 멘토 추가, 멘토 삭제 기능 구현하기 아무리 useReducer를 쓴다 해도 중첩된 객체가 많으면 많을수록 코드는 복잡해진다. 좀 더 직관적으로 간단하게 코드를 짜고 싶다면 Immer 라이브러리를 사용하면 된다! Immer와 useImmer 설치하려면 터미널에 입력!! Immer를 사용하면 가변성 객체를 다루는 것처럼 손쉽게 update와 수정,변경이 가능하다! > 일반 객체를 update하는 것처럼 사용하지만 Immer 내부에서 새로운 객체를 만들어서 필요한 것만 업데이트 해서 새로운 객체를 만들어내는 원리이다! useImmer 사용하기 useState 대신 useImmer를 호출하기 위해 작성한다! 대신 두 번째 원소에 setPerson 대신 updatePerson 이라고 적는데 통상적으로 Immer를 사용할 땐 set 대신 update를 사용하는 것 같다! 이런식으로 사용하면

2023년 4월 8일
·
0개의 댓글
·