How to array promises in redux?

Question

JavaScript

export function homePageProfileAction(list, name) {
    return (dispatch) => {
        dispatch(homePageProfileFetchId(list, name));

        let promise = list.map(v => {
            console.log(getUserHome(v));
            return getUserHome(v).then(id => {
                dispatch(homePageProfileFetchSuccess(id, v));
            });
        });

        // Promise.all([promise])
        //     .then((res) => {
        //         console.log(res);
        //         dispatch(homePageProfileFetchSuccess(res, "top"));
        //     })
        //     .catch(err => {console.log(err); });
    };
}

There is such a function. I am getting an array with id. I execute a request to the database (this is the promise)
But I would like everything to be executed simultaneously and dispatch one success, instead of 4
Promise.all I tried, but something loops there. I can't understand what

Answer 1

export function homePageProfileAction(list, name) {
    return (dispatch) => {
        dispatch(homePageProfileFetchId(list, name));

        const promises = list.map(v => getUserHome(v));

        Promise.all(promises)
            .then((res) => {
                dispatch(homePageProfileFetchSuccess(res, "top"));
            })
            .catch(err => {console.log(err); });
    };
}

Answer 2

Promise.all will return an array of responses from all executed requests. See what you return in then of each request and how you process it afterwards.

export function homePageProfileAction(list, name) {
    return (dispatch) => {
        dispatch(homePageProfileFetchId(list, name));

        let promise = list.map(v => {
            return getUserHome(v);
        });

        Promise.all(promise)
             .then((ids) => {
                 console.log(ids);
                 //dispatch(homePageProfileFetchSuccess(res, "top"));
             })
             .catch(err => {console.log(err); });
    };
}