Firebase Firestore 仅在第一次尝试全新构建时写入

Question

我一直在使用 Firebase 和 React Native 构建一个应用程序，主要使用 Firestore。我开始使用 Firestore，它非常棒，但由于某种原因，在写入 Firestore 时，它仅在第一次尝试时有效（当我删除应用程序、重建并执行写入时）。

我尝试做完全相同的事情，除了写入 Firestore 之外，一切都按预期进行。

我也没有收到任何错误！

这是我正在做的事情：

export const addBrandProduct = (postObj) => {

  return () => {

    firebase

      .firestore()

      .collection('brandProducts')

      .add(postObj)

      .then((docRef) => {

        console.log("Document written with ID: ", docRef.id);

        Actions.categories();

      })

      .catch(error => {

        console.error("Error adding document: ", error);

      });

  };

};

如需更多参考，这是我调用 addBrandProduct() 的组件代码

  onUploadImages = () => {

    let photo =

      Platform.OS === 'ios'

        ? this.state.images.map(img => img.uri.replace('file://', ''))

        : this.state.images.map(img => img.uri);

      photo.forEach((image, i) => {

      const sessionId = new Date().getTime();

      const Blob = RNFetchBlob.polyfill.Blob;

      const fs = RNFetchBlob.fs;

      window.XMLHttpRequest = RNFetchBlob.polyfill.XMLHttpRequest;

      window.Blob = Blob;

      let uploadBlob = null;

      let mime = 'image/jpg';

      const imageRef = firebase

        .storage()

        .ref('brandProducts/')

        .child(`${this.props.userData.uid}`)

        .child(`${sessionId}-${i}`);

      fs.readFile(image, 'base64')

        .then(data => {

          return Blob.build(data, {type: `${mime};BASE64`});

        })

        .then(blob => {

          uploadBlob = blob;

          return imageRef.put(blob, {contentType: mime});

        })

        .then(() => {

          uploadBlob.close();

          return imageRef.getDownloadURL();

        })

基本上，我最多上传 3 张图像及其一些数据。为了确保我在添加帖子数据（写入 firestore）之前上传所有内容，我使用了 forEach ，在最后一次上传完成后，我调用操作来写入帖子数据。

Answer 1

编辑HumaddBrandProduct是一个创建另一个函数的函数。因此，当您调用this.props.addBrandProduct(postObj)任何内容时，都不会发送到 firestore，您只需创建一个应该调用的新函数。也许你可以出去这个东西并直接调用 firebase，确保一切正常，然后如果你仍然想使用它，则返回到 redux 方式。我还使其并行化而不是顺序化。希望它能有所帮助，当它来自任何地方时很难找到真正的问题。onUploadImages = () => {    let photo = Platform.OS === 'ios'    ? this.state.images.map(img => img.uri.replace('file://', ''))    : this.state.images.map(img => img.uri);    Promise.all( photo.map( image => {        const sessionId = new Date().getTime();        const Blob = RNFetchBlob.polyfill.Blob;        //This is kind useless        //const fs = RNFetchBlob.fs;        //This is not used        //window.XMLHttpRequest = RNFetchBlob.polyfill.XMLHttpRequest;        //This is not adviced        //window.Blob = Blob;        let uploadBlob = null;        let mime = 'image/jpg';        const imageRef = firebase        .storage()        .ref('brandProducts/')        .child(`${this.props.userData.uid}`)        .child(`${sessionId}-${i}`);        return fs.readFile(image, 'base64')        .then(data => {            return RNFetchBlob.polyfill.Blob.build(data, {type: `${mime};BASE64`});        })        .then(blob => {            uploadBlob = blob;            return imageRef.put(blob, {contentType: mime});        })        .then(() => {            uploadBlob.close();            return imageRef.getDownloadURL();        });    ))    .then( results => {        //results is, here, [ urlFromFirst, urlFronSecond, ...]        const urls = { ...this.state.urls};        results.forEach( (r, i) => urls[i] = r );        const postObj = {            ...this.state.postObj,            urls        };                return firebase        .firestore()        .collection('brandProducts')        .add(postObj)    })    .then( docRef => {        console.log("Document written with ID: ", docRef.id);    })    .catch(error => {        console.error(error);    });};