javascript数组包含称为空的值

Question

不确定发生了什么，但是当我通过删除商品来更新商店状态时，则表示商品为空。

查看屏幕截图

因此数组的长度仍然相同吗？

这些是我的功能：

export const deleteUserFromFirebase = ({ id, name, username, email }) => {
  return firebase
    .database()
    .ref("/users/" + id)
    .set({
      id: null
    });
};


export const deleteUserFromStoreThenUpdateFirebase = user => {
  return (dispatch, getState) => {
    return dispatch(deleteUser(user)).then(() => {
      return deleteUserFromFirebase(user);
    });
  };
};


export const deleteUser = user => {
  return async dispatch => {
    dispatch({ type: DELETE_USER, user: user });
  };
};

然后我点击按钮呼叫deleteUserFromStoreThenUpdateFirebase

为什么要这么做？

我的减速器也这样做：

case DELETE_USER: {
  return {
    ...state,
    users: state.users.filter(u => u.id !== action.user.id)
  };
}

现在很困惑

firebase也显示正确数量的节点，当我刷新时，它应该是从firebase中拉出的，但它也拉出了空的节点