Array empty even after a loop

Question

I'm trying to fill an array with some registers from a database. However, even after retrieving said registers and place them into the array, after the loop the array stays empty

const userParties = [];

userFollowing.forEach(element => {
  // Here's when I gather the information that I need
  dispatchGetUserEvents(element.user, response => {
    userParties.push(response);
    console.log(userParties); // Here the array is full of elements, like it's supposed to be
  });
});

console.log(userParties); // However, here 'userParties' return '[]'
this.setState({ followUsersEvents: userParties });
this.setState({ userImage: userImg });

I tried to update the state array on the loop, but I had no luck there either. 'userParties' is not a state array btw.

99% that dispatchGetUserEvents is async function so response will come later, but you try to output userParties while you didn't get result from it, so second console.log(userParties) will execute first and then will be executed console.log from response — dark_gf
– dark_gf, Commented May 19, 2020 at 18:44

dark_gf · Accepted Answer · 2020-05-19 18:47:39Z

1

const userParties = [];

userFollowing.forEach(element => {
  // Here's when I gather the information that I need
  dispatchGetUserEvents(element.user, response => {
    userParties.push(response);
    console.log('dispatchGetUserEvents', userParties); // Here the array is full of elements, like it's supposed to be
  });
});

console.log('outside', userParties); // However, here 'userParties' return '[]'
this.setState({ followUsersEvents: userParties });
this.setState({ userImage: userImg });

run this code and you will see that outside will be printed first and dispatchGetUserEvents later, as I mentioned in comments dispatchGetUserEvents is async function, so first will be executed console.log('outside', ...);

answered May 19, 2020 at 18:47

dark_gf

7365 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Daniel Corona Over a year ago

Thta's correct, the first thing that prints it's the 'outside', and then 'dispatchGetUserEvents'. So, how can I tackle this issue?

Collectives™ on Stack Overflow

Array empty even after a loop

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related