- 툴킷을 선택한 이유
- 새롭게 등장한 Slice
- createAsyncThunk로 비동기 처리하기
- 액션 구조 살펴보기
- 리덕스를 쓰지 말아야 할 때(인풋)
extraReducers: (builder: ActionReducerMapBuilder<IinitialStateType>) => {
builder
.addCase(logIn.pending, state => {
state.isLoggingIn = true;
state.isLoggedIn = false;
state.data = '';
state.error = '';
})
.addCase(logIn.fulfilled, (state, action: PayloadAction<any>) => {
state.isLoggingIn = false;
state.isLoggedIn = true;
state.data = action.payload;
state.error = '';
})
.addCase(logIn.rejected, (state, action: any) => {
state.isLoggingIn = false;
state.isLoggedIn = false;
state.data = '';
state.error = action.error;
});
},