调用firestore collection（）在博览会上不起作用

Question

使用： 用 expo 反应原生

react-redux: 5.0.6

redux：3.7.2

火力基地：4.9.0

（请参阅下面的修复：降级到 firebase 4.6.2）

更新：这是一个更长的问题，因为怀疑 redux 不能很好地与 firebase 配合使用。但情况似乎并非如此。只保留相关部分

这是一个与 redux 挂钩的动作创建器。 在此处使用firebase.auth().signInWithEmailAndPassword() 时，一切正常。

action.js

import firebase from 'firebase'
import 'firebase/firestore'

export const dataFetch = () => {
    return (dispatch) => {
        firebase.auth().signInWithEmailAndPassword('a@b.com', 'passw')      
        .then(
            (result => dispatch({ type: 'DATA_FETCH_SUCCESS', payload: result })),
            (() => alert("got here"))
        )
        .catch((err) => alert(err))
    }
};

但是当使用firebase.firestore().collection(...).get() 时，执行不会进入then() 部分 - 无法在其中记录任何内容。

import firebase from 'firebase'
import 'firebase/firestore'

export const dataFetch = () => {
    return (dispatch) => {
        firebase.firestore().collection('MyCollection').get()
        .then(
            (result => dispatch({ type: 'DATA_FETCH_SUCCESS', payload: result })),
            (() => alert("got here"))
        )
        .catch((err) => alert(err))
    }
};

可能是什么问题？ 有没有特定的方法来传递收集路径？ firebase 配置可能不正确吗？我仔细检查了一切，看起来正确。我正在将配置用于 Web 应用程序。是否有某些特定于 Firestore 的东西可能会丢失？

我的 firebase 配置中有以下键：

apiKey: '',           // Auth / General use
authDomain: '',       // Auth with popup/redirect
databaseURL: '',      // Realtime Database
storageBucket: '',    // Storage
messagingSenderId: '',// Cloud Messaging
projectId: '',        // Firestore

Answer 1

好的，搜了一圈，发现是firestore not working with expo的问题！ （更新了问题的标题以反映这一点）。

对此没有稳定的解决方案，但其他人也遇到了这个问题，这里有一个解决方法，请查看 Igor 的回答： In react native app (through Expo) using firestore permissions - request.auth is always null

问题出在 React Native 中，并已在此处讨论： https://github.com/firebase/firebase-js-sdk/issues/283#issuecomment-345815579

希望它能尽快进入官方版本。

仅供参考，我已降级到 firebase 4.6.2 并替换了上面链接中提到的 index.js 文件，现在一切正常。

Answer 2

不太清楚您的代码中发生了什么，但自调用函数似乎有点不合适？重新格式化您的代码，使其对我自己更具可读性。

如您所见，您忘记在“结果”块上使用 } 结束 + 自调用函数没有意义？既然已经有一个 catch 块，为什么还要尝试在那里捕获错误？

export const dataFetch = () => {
return (dispatch) => {
    firebase.firestore().collection('MyCollection').get()
    .then((result => {
            dispatch({ type: 'DATA_FETCH_SUCCESS', payload: result }),
            (() => { alert("got here"); })
    )
    .catch((err) => {
        alert(err);
    });
};
};

无论如何，这应该有效：

export function dataFetch (){
  const request = firebase.firestore().collection(`MyCollection`).get()
  return (dispatch) => {
    return request.then((result) => {
         dispatch({ type: 'DATA_FETCH_SUCCESS', payload: result})
    }).catch((error)=> {
           console.log({error})
    })
  }
}

不确定您的 signInWithEmailAndPassword 如何以及是否真的有效。