프로젝트에서 Redux 상태를 로컬 스토리지에 저장하고 새로고침 후에도 유지되도록 하기 위해 redux-persist를 사용했다.
근데 알림은 제대로 저장되고 데이터가 유지되는데 유저의 정보가 계속 null로 저장되거나 아예 안뜨거나 이런 상태인거임....
사실 유저정보는 로컬 스토리지에서 바로 가져와 사용하고있어서 그냥 한번 reducer만들어본거라 신경안쓰다가 방금 문제 발견한건 안비밀임ㅋㅋ
문제의 유저 정보...
아니 근데 분명 데이터는 userReducer에 잘 들어오고 있는걸 콘솔에서 확인했단말임...이거봐.....
이게 확실히 redux-persist 설정문제인지는 잘 모르겠는데....
Redux에서 여러 개의 reducer를 사용하는 경우, 각각의 reducer에 대해 개별적으로 persist 설정을 해줘야 한다고 한다...
난 이것도 모르고 그냥 냅다 root로 묶어서 저장함... 무지해!
암튼 그래서 각 reducer에 대해 개별적으로 persist 설정을 해줬음.
alarm, user reducer를 분리하여 각각의 Config로 나누고, 해당 reducer에만 적용되도록 수정했다.
그랬더니!!!
짜ㅈ장~ 이제 로그인하면 바로 저장되구 새로고침해도 데이터 유지된당~
📖오느래일기
여러 reducer를 사용하고 redux-persist를 적용할 때, 각 reducer마다 개별적으로 persist 설정을 적용하자. 안그러면 persist:root로 모든 상태가 초기화될 수 있으니 주의가 필요⭐️
'[ Naver Cloud Camp ]' 카테고리의 다른 글
| [ZICZONE 프로젝트] Redux와 SSE를 사용한 알림: 알림 구독 관리 (2) | 2024.09.14 |
|---|---|
| [ZICZONE 프로젝트] Redux를 사용한 알림 저장: Redux Toolkit 및 redux-persist를 활용한 상태 관리 방식 (0) | 2024.09.14 |
| [ZICZONE 프로젝트] Redux를 사용한 알림 저장: Redux란? (5) | 2024.09.14 |
| [ React ] useState hook (1) | 2024.06.02 |
| [ React ] props (0) | 2024.06.02 |