From d7c1110f3c159ad8d36436bb499dc5559a3f226a Mon Sep 17 00:00:00 2001 From: Chamy Date: Wed, 30 Jun 2021 10:49:39 +0900 Subject: [PATCH] =?UTF-8?q?11.=20redux-saga=20=EB=A1=9C=20=ED=94=84?= =?UTF-8?q?=EB=A1=9C=EB=AF=B8=EC=8A=A4=20=EB=8B=A4=EB=A3=A8=EA=B8=B0=20-?= =?UTF-8?q?=20await=20=EB=B9=A0=EC=A7=84=20=EB=B6=80=EB=B6=84=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit thunk 함수 API 호출에 await 추가 --- redux-middleware/11-redux-saga-with-promise.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/redux-middleware/11-redux-saga-with-promise.md b/redux-middleware/11-redux-saga-with-promise.md index 76684e5..7585c26 100644 --- a/redux-middleware/11-redux-saga-with-promise.md +++ b/redux-middleware/11-redux-saga-with-promise.md @@ -8,7 +8,7 @@ redux-thunk를 배울 때 사용했던 thunk 함수를 다시 한번 확인해 export const getPosts = () => async dispatch => { dispatch({ type: GET_POSTS }); // 요청이 시작됨 try { - const posts = postsAPI.getPosts(); // API 호출 + const posts = await postsAPI.getPosts(); // API 호출 dispatch({ type: GET_POSTS_SUCCESS, posts }); // 성공 } catch (e) { dispatch({ type: GET_POSTS_ERROR, error: e }); // 실패 @@ -397,4 +397,4 @@ export default function posts(state = initialState, action) { 코드가 훨씬 깔끔해졌지요? 매번 API 함수 호출을 위한 사가를 준비 할 때마다 사가 함수를 매번 직접 작성하는 것 보단, 간단한 로직을 가지고 있는 사가 함수의 경우 우리가 만든 유틸 함수로 새로운 사가를 손쉽게 만들어서 쓰면 굉장히 편합니다. -> 지금까지의 코드는 [여기](https://codesandbox.io/s/391ur)서 확인 할 수 있습니다. \ No newline at end of file +> 지금까지의 코드는 [여기](https://codesandbox.io/s/391ur)서 확인 할 수 있습니다.