XML을 XML 형식으로 분석합니다.

Question

내 앱의 데이터 소스는 XML 형식의 데이터 만 제공합니다.

XML 데이터를 가져 오기 위해 axios를 사용합니다. 결과의 데이터 섹션에 문자열로 끝납니다.

xml2js를 사용하여 변환하려고 시도했지만 비동기 작업을 반환하고 반환하므로 redux-promise middelware가 작동하지 않습니다. 감속기가 데이터를 렌더링해야하는 구성 요소로 보낼 때 페이로드는 아무 것도 아닙니다.

이것이 합당한 지 확실하지 않지만 구성 요소에서 데이터를 보내기 전에 감속기가 새 함수 호출을 기다릴 때까지 기다릴 수 있습니까?

행동하는 index.js

export function fetchData(jobid, dest) { 
    const url = `${DATA_URL}jobid=${jobid}&refdist=${dest}`; 
    const request = axios.get(url); 

    console.log(request); 

    return { 
     type: FETCH_DATA, 
     payload: request 
    } 
} 

내 감속기

export default function (state = [], action) { 
    console.log(action); 

    switch (action.type) { 
     case FETCH_DATA: 
      console.log("pre"); 
      parseString(action.payload.data, function (err, result) { 
       // Do I need some magic here??? or somewhere else? 
       console.dir(result); 
      }); 

     return [action.payload.data, ...state]; 
    } 
    return state; 
} 

Answer 1

Axios의 비동기이기 때문에 당신이 당신의 행동 작성자 코드를 변경해야합니다. 수신 데이터 후 조치를 전달하십시오. 이 논리는 감속기에 필요하지 않습니다. 로딩, 성공, failure.Then 행동 작성자가 외모가 같은 수 있습니다 :

export const fetchData = (jobid, dest)=>dispatch =>{ 
const url = `${DATA_URL}jobid=${jobid}&refdist=${dest}`; 
    dispatch({ 
     type: FETCH_DATA_REQUEST, 
     data:result, 
     isFetching:true 
    }) 
    const request = axios.get(url).then(res=>{ 
     parseString(res, function (err, result) { 
      if(result){ 
       dispatch({ 
        type: FETCH_DATA_SUCCESS, 
        data:result, 
        isFetching:false 
       }) 
      } 
      if(err) throw err 
     }); 
    }).catch(err=>{ 
     dispatch({ 
      type: FETCH_DATA_FAILURE, 
      err:err, 
      isFetching:false 
     }) 
     console.error(error) 
    }) 

};