onSnapshot返回空查询快照，直到重新加载应用程序

Question

我的onSnapshot（）函数返回一个空白的查询快照，直到我重新加载应用程序为止。

安装组件时，我正在调用一个操作，该操作调用了Firestore数据库。

组件

componentDidMount() {
    const { uid } = this.props.user;
    this.props.imagesToBuy(uid);
  }

动作创建者

export const imagesToBuy = (uid) => {
  return (dispatch) => {
    dispatch({ type: LOADING_IMAGES_TO_BUY });

    db.collection('users')
    .doc(uid)
    .collection('images_to_buy')
    .onSnapshot((querySnapshot) => {
      dispatch({
        type: GET_IMAGES_TO_BUY,
        payload: querySnapshot
      });
    });
  };
};

redux商店

case GET_IMAGES_TO_BUY:
    console.log(action.payload);
    return { ...state, imageToBuyList: action.payload };

最初加载应用程序时，console.log为空

然后，当我重新加载应用程序并随后在开发人员模式下使用它时，其console.log是正确的，并且包含正确的数据。

我正在使用：

  

“ react”：“ 16.4.1”，“ react-native”：“ ^ 0.56.0”“ react-native-firebase”：   “ ^ 4.3.8”，“ react-redux”：“ ^ 5.0.7”，“ redux”：“ ^ 4.0.0”，