dispatch로 데이터를 넘겨주는 과정 질문
제가 redux toolkit을 이용해서 제로초님 강의를 따라가고 있는데 dispatch로 데이터를 넘겨주는 과정중에 이해가 잘 안되는 부분이 있어서 질문드립니다
로그인을 하는 과정인데
LoginForm.js
const onSubmitForm = useCallback(() => {
console.log(email, password);
dispatch(
loginAction({
email,
password,
})
);
}, [email, password]);user.js
export const loginAction = createAsyncThunk(LOG_IN, async (data) => {
await wait(1000);
return data;
});
....
.addCase(loginAction.fulfilled, (state, action) => {
state.logInLoading = false;
state.logInDone = true;
state.user = dummyUser;
state.loginData = action.data;
})
이렇게 두부분의 코드로 아래의 action 과정이 일어나는데 LoginForm.js에서 dispatch로 email, password를 넘겨주었는데 딱히 user.js에서 이를 처리하는 코드는 보이지 않습니다 redux devtools에서는 payload에 email과 password를 받은것은 확인이 되는데 말입니다
그리고 저는 initialState에 email과 password를 설정하지 않았습니다
export const initialState = {
logInLoading: false, // 로그인 시도중
logInError: null, // 로그인 에러
logInDone: false, // 로그인 상태 체크
logOutLoading: false, //로그아웃 시도중
logOutError: null, // 로그아웃 에러
signUpLoading: false, // 회원가입 시도중
signUpDone: false, // 회원가입 상태 체크
signUpError: null, // 회원가입 에러
user: null,
signUpData: {},
loginData: {},
};
이렇게 되면 payload에 들어있는 email과 password는 어디에 어떻게 저장이 되는걸로 생각을 해야하나요?
답변 1
0
loginAction reducer에 따라 이니셜스테이트에 저장됩니다. 객체니까 자유롭게 데이터를 추가할 수 있어요. reducer에 저 값들을 저장하는 코드를 안 적었다면 스테이트에 저장되지 않고요.
0
LoginForm.js
const onSubmitForm = useCallback(() => {
console.log(email, password);
dispatch(
loginAction({
email,
password,
})
);
}, [email, password]);그렇다면 이렇게 작성을 하면 action.payload에 email과 password가 저장이 되지만 제가 initalstate에 따로 저장하는 코든는 작성하지 않았기에 창이 새로고침 된다는가 하면 payload에 저장된 email과 password는 사라지는 건가요?
넥스트 버젼 질문
0
78
2
로그인시 401 Unauthorized 오류가 뜹니다
0
90
1
무한 스크롤 중 스크롤 튐 현상
0
177
1
특정 페이지 접근을 막고 싶을 때
0
103
2
createGlobalStyle의 위치와 영향범위
0
97
2
인라인 스타일 리렌더링 관련
0
92
2
vsc 에서 npm init 설치시 오류
0
148
2
nextjs 15버전 사용 가능할까요?
0
160
1
화면 새로고침 문의
0
123
1
RTK에서 draft, state 차이가 있나요?
0
154
2
Next 14 사용해도 될까요?
0
452
1
next, node 버전 / 폴더 구조 질문 드립니다.
0
349
1
url 오류 질문있습니다
0
211
1
ssh xxxxx로 우분투에 들어가려니까 port 22: Connection timed out
0
375
1
sudo certbot --nginx 에러
0
1281
2
Minified React error 콘솔에러 (hydrate)
0
470
1
카카오 공유했을 때 이전에 작성했던 글이 나오는 버그
0
247
1
프론트서버 배포 후 EADDRINUSE에러 발생
0
329
1
npm run build 에러
0
519
1
front 서버 npm run build 중에 발생한 에러들
0
383
1
서버 실행하고 브라우저로 들어갔을때 404에러
0
338
2
css 서버사이드 랜더링이 적용되지 않아서 문의 드립니다.
0
289
1
팔로워 3명씩 불러오고 데이터 합쳐주는걸로 바꾸고 서버요청을 무한으로하고있습니다.
0
240
2
해시태그 검색에서 throttle에 관해 질문있습니다.
0
202
1





