ディスパッチ後のレデューサーの空のオブジェクト

Question

私はアクション作成者に以下のコードを書いています：これは私がレデューサー - サブデータ "に見るものです：[{}、{}、{}]} - 実際に約束です - 私はそれを使用して変換しようとしたが、運がない...一日中苦労している...任意のアイデア？

export function getMainData() { 
    return async function getMainData(dispatch) { 
    const { data } = await getMainDataAPI(); 
    const subData = data.map((item) => { 
     const endpoint = 'build with item.name'; 
     return Request.get(endpoint); 
    }); 
    console.log('subddd' + subData); prints -> **[object Promise],[object Promise],[object Promise]** 
    dispatch({ 
     type: GET_DATA_AND_SUBDATA, 
     payload: { data, subData } 
    }); 
    }; 
} 

async function getMainDataAPI() { 
    const endpoint = 'url'; 
    return Request.get(endpoint); 
} 

Answer 1

今回は質問がより明確です。

console.logは、次の命令に進む前にAPIの結果を待たずに3つの約束オブジェクトのマップを表示します。

基本的には、data.map((item) => {の代わりにを使用する必要があります。あなたは未解決の約束の配列を派遣しているように見えます

export function getMainData() { 
    return async function getMainData(dispatch) { 
    const { data } = await getMainDataAPI(); 
    const subData = await Promise.all(data.map(async (item) => { 
     const endpoint = 'build with item.name'; 
     return await Request.get(endpoint); 
    })); 
    dispatch({ 
     type: GET_DATA_AND_SUBDATA, 
     payload: { data, subData: subData.data } 
    }); 
    }; 
} 

async function getMainDataAPI() { 
    const endpoint = 'url'; 
    return Request.get(endpoint); 
} 

Answer 2

：作業コードの下

。私は彼らが解決するのを待って、返された結果を発送します：

... 
Promise.all(subData).then(results => { 
    dispatch({ 
    type: GET_DATA_AND_SUBDATA, 
    data: { data, subData: results } 
    } 
}); 

幸運！