React: redux 에러 찾기 연습 - 2020.12.29

게시글 삭제를 위해 removePost를 추가했다.

하지만 게시글 삭제가 되지않았다.

 

개발자도구를 확인해보았다.

빨간글씨에는 removePost에서 error가 났다고 뜬다.

devtool 미들웨어에서는 REQUEST와 SUCCESS가 뜬다.

 

 

 

saga에서 removePost를 자세히 봤다.

 

function* removePost(action) {
  try {
    // const result = yield call(removePostAPI, action.data);
    yield delay(1000);
    yield put({
      type: REMOVE_POST_SUCCESS,
      data: action.data,
    });
    yield put({
      type: REMOVE_POST_OF_ME,
      data: action.data,
    });
  } catch (err) {
    yield put({
      type: REMOVE_POST_FAILURE,
      data: err.response.data,
    });
  }
}

 

정상적이었다.

 

 

 

 

reducer를 봤다.

case REMOVE_POST_REQUEST:
      draft.removePostLoading = true;
      draft.removePostDone = false;
      draft.removePostError = null;
      break;
case REMOVE_POST_SUCCESS:
      draft.removePostLoading = false;
      draft.removePostDone = true;
      draft.removePostError = null;
      draft.mainPosts = draft.mainPosts.fillter((v) => v.id !== action.data);
      break;

오타가 있었다. fillter -> filter로 바꿔줘야 한다.

 

 

 

오늘의 교훈...

에러가 나면 차분히 하나씩 흐름을 봐야한다.