ReactJS Redux RxJS AJAX 로딩 표시기

Question

나는 ReactJS & Redux 응용 프로그램을 가지고 있으며 취소 및 오류 처리 기능이있는 비동기 AJAX에 RxJS를 사용하고 있습니다. Redux와 RxJS를 연결하기 위해 사용하는 미들웨어 (Redux 용)는 눈에 띄지 않습니다. 처음에는 콘솔에 로그인하려면,

const RecipesEpic = action$ => 
action$.ofType(FETCH_RECIPES) 
    .mergeMap(action => { 
     return Observable.ajax({ 
      method: "get", 
      url: url 
     }) 
      .map(payload => { 
       return ({ type: FETCH_RECIPES_FULFILLED, payload }) 
      }) 
      .catch(error => Observable.of({ 
       type: FETCH_RECIPES_REJECTED, 
       payload: error 
      })) 
      .takeUntil(action$.ofType(FETCH_RECIPES_CANCELLED)) 
    }) 

export default RecipesEpic 

내가 로딩 표시를 구현하기 위해 노력하고있어 :

나는 또한 오류 및 취소를 처리하는 서버에 요청을 데,이 서사시이다 얼마나 많은 퍼센트가 요청을 완료했는지 (XHR2를 사용하여), UI를 구현할 것이다. 간단한 단어로 : RxJS DOM 요청에서 XHR2 다운로드 진행을 구현하는 방법은 무엇입니까?

이 질문에 관해 온라인에서 리소스를 찾지 못했지만이 질문을 검색하는 다른 사람들에게 답변이되기를 바랍니다.

감사합니다.

Answer 1

The RxJS Ajax Documentation에 따르면 Observable.ajax 통화에서 progressObserver을 제공 할 수 있습니다. Observer가 XHR2 다운로드 진행 상태로 업데이트됩니다!