6.8 zustand 강의에서 devtools 미들웨어에 대한 질문입니다.
165
작성한 질문수 18
zustand 강의에서 devtools 미들웨어를 사용하여
브라우저 도구 Redux 툴에서 Action 과 State 를 살펴보는데 강의 영상에서는 Action의 이름이 setSession 으로 나오는 데...
제 Redux 툴에서는 액션 명이 anonymous로 표시됩니다. 어떻게 액션명이 표시되는 지 궁금합니다.
set 함수에서 액션명 표시하려면 이름을 주어 표시했는데 . 뭔가 다른가요 ?
//...
set({session, isLoaded: true}, undefined, 'setSession');
//...답변 2
1
안녕하세요 coding bear님 이정환입니다.
우선 기본적으로 Redux Devtools에는 스토어의 actions 객체 내부에 정의된 액션 함수의 이름이 표시됩니다. 만약 그렇지 않을 경우 앱이 개발 과정에서 정상적으로 로딩되지 않았을 수 있으니 새로고침 하신 다음 진행해보시면 정상적으로 잘 뜨는 경우가 꽤 있습니다.
그런데 이때! persist 미들웨어를 사용하게 될 경우 zustand 내부적인 이슈로 인해 액션 함수의 이름이 자동으로 잘 추론되지 않는 경우가 있다고 합니다. 이럴 경우 말씀하신 것 처럼 set 메서드의 인수로 액션 함수의 이름을 전달해주시면 됩니다.
0
저도 강의 수강하다 같은 문제가 있어서 해결방법 남겨봅니다
- https://zustand.docs.pmnd.rs/middlewares/devtools#all-action-names-are-labeled-as-'anonymous'
```ts
const useSessionStore = create(
devtools(
combine(initialState, (set) => ({
actions: {
setSession: (session: Session | null) => {
set({ session, isLoaded: true }, undefined, "actions.setSession");
},
},
})),
),
);```
회원가입 구현 (구현 후 최종 화면 출력 X)
0
40
2
(6.11) 회원가입시 프로필 정보 자동 생성하기 Q. 호출 순서 문의
0
36
1
명시적 타입 선언(콜론 타입 선언)과 as 타입 단언 차이
0
37
2
useMutation 적용 후 새로운 글 등록시 content가 안보여요
0
48
2
6.8 zustand 세션 질문입니다.
0
92
2
next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?
0
79
2
shadcn에서 radix ui와 base ui 차이는 뭔가요?
1
319
2
updateTodo 함수 생성시 화살표 함수 사용 안하는 이유
0
75
2
4.11 바로 투두 삭제가 안됨 질문
0
85
3
매개변수 updatedTodo 관련 질문
0
66
3
인증 정보가 만료되었을 때 라우트 가드 처리가 궁금합니다!
0
78
2
supabase를 사용하지 않을 경우 세션 데이터의 변경을 감지하고 스토어에 보관하는 방법이 궁금합니다!
0
69
2
4.6 id를 string으로 변경시 오류
0
64
2
리액트 타입스크립트 관련 질문있습니다.
0
62
1
소셜 로그인 구현하기 관련하여 질문이 있습니다!
0
98
2
ui 파일 질문드립니다.
0
76
1
tanstack query devtools에서 질문있습니다!
0
66
2
댓글 삭제 시 isPending 질문
0
64
2
두번째 예외상황에 대해 질문있습니다!
0
65
1
리액트 쿼리 질문입니다
1
72
2
개발자도구에서 components 가 안보입니다.
0
94
3
state 관리에 대한 정리
0
79
3
[(2.4) Shadcn/ui를 소개합니다] 강의 Shadcn 세팅 관련 질문 있습니다.
0
176
3
like 테이블에서 왜 create_at이 필요한지 궁금합니다.
0
78
1