API가 성공하거나 실패했을 때 콘솔에 결과가 잘 나타나나요?
이제 사용자의 상태를 담을 user라는 리덕스 모듈을 만들어 봅시다.
modules/user.js
import { createAction, handleActions } from 'redux-actions'; import { takeLatest } from 'redux-saga/effects'; import * as authAPI from '../lib/api/auth'; import createRequestSaga, { createRequestActionTypes, } from '../lib/createRequestSaga'; const TEMP_SET_USER = 'user/TEMP_SET_USER'; // 새로고침 이후 임시 로그인 처리 // 회원 정보 확인 const [CHECK, CHECK_SUCCESS, CHECK_FAILURE] = createRequestActionTypes( 'user/CHECK', ); export const tempSetUser = createAction(TEMP_SET_USER, user => user); export const check = createAction(CHECK); const checkSaga = createRequestSaga(CHECK, authAPI.check); export function* userSaga() { yield takeLatest(CHECK, checkSaga); } const initialState = { user: null, checkError: null, }; export default handleActions( { [TEMP_SET_USER]: (state, { payload: user }) => ({ ...state, user, }), [CHECK_SUCCESS]: (state, { payload: user }) => ({ ...state, user, checkError: null, }), [CHECK_FAILURE]: (state, { payload: error }) => ({ ...state, user: null, checkError: error, }), }, initialState, );