인프런 커뮤니티 질문&답변

제가 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는 어디에 어떻게 저장이 되는걸로 생각을 해야하나요?