디스패치 후 감속기의 빈 객체

Question

내 액션 작성자에 다음 코드가 있습니다.이 코드는 감속기 - "subData"에서 볼 수 있습니다 : [{}, {}, {}}} - 프린트 할 때 동작합니다 실제로 약속입니다 - 그때를 사용하여 변환을 시도했지만 운이 .. 하루 종일 고투하고있다 ... 어떤 아이디어?

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) => { 대신 await Promise.all(data.map(async (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 } 
    } 
}); 

행운을 비네!