私のアプリのデータソースは、XML形式のデータのみを提供します。

Question

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) 
    }) 

};