본문 바로가기

React/Redux

Redux-saga - Promise 작업 처리

리덕스사가에서 promise 작업을 처리하는 방법에 대해서 다룰 것이다. 먼저, 아래는 리덕스 떵크에서 비동기 작업을 처리하던 방식이다. id값이 들어오면, GET_POST 액션을 디스패치하고, 비동기로 api를 호출한 후, 성공하는지 실패하는지에 따라서 SUCCESS와 ERROR가 디스패치된다.

이를 사가에서는 이런식으로 처리한다. 

먼저 액션 생성함수를 만들어 준다. 그 후, 그 액션이 디스패치 되면, 액션을 모니터링 하여 getPostSaga가 실행되도록 해준다. call이란 함수는 postAPI.getPostById라는 함수를 받아와 id를 인자로 써서 실행토록 한다. 그 후, promise를 받아오면, post라는 변수에 프로미스를 담는다. 그 후, 새로운 액션을 put으로 디스패치 한다.

'React > Redux' 카테고리의 다른 글

Redux-saga - 기본  (0) 2020.07.07
Redux-saga - Generator 문법  (0) 2020.07.07
Redux-thunk  (0) 2020.07.06
Redux - Middleware  (0) 2020.07.06