Firestoreで紐づくデータを取得したい（firebase）

Question

いつもお世話になっております。

FirebaseのReal Time DatabaseからFire Storeへの移行を試みています。
これまで、itemを保存する際にuserIdを一緒に保存していて、ユーザー情報をFetchする際には、下記のようなやり方を取っていました。

export const itemsFetch = () => {
  return (dispatch) => {
    firebase.database().ref(`/items/`)
    .once('value', snapshot => {
      const items = snapshot.val();
      return items;
    })
    .then(items) => {
      const userPromises = _.map(items.val(), async (item, itemId) => {
        return firebase.database().ref(`/users/${item.userId}`).once('value')
          .then(snapshot => snapshot.val())
          .then(user => ({...item, user, itemId}));
      });
      dispatch({ type: 'ui/loading/hide' });
      return Promise.all(userPromises);
    })
    .then(itemItems => {
      dispatch({ type: 'items_fetch_success', payload: itemItems });
    });
  };
};

表示する際にはitem.user.nameなどで表示することができました。

エラー

TypeError: relativePath.split is not a function

同様のやり方を採用して、下記のようなソースコードを描いてみたのですが途中のエラーに引っかかってしまいます。。

ソースコード

export const itemsFetch = () => {
  return (dispatch) => {
    firebase.firestore().collection('items').get()
    .then((snapshot) => {
      const items = snapshot.docs.map(doc => doc.data());
      return items
    })
    .then((items) => {
      const userPromises = items.map((item, itemId)  => {
        const userId = item.userId;
        console.log('userId: ', userId);
        return firebase.firestore().collection('users').get(userId)
          .then((snapshot) => {
            console.log('snapshot:', snapshot);
            const user = snapshot.docs.data();
            return user;
            console.log('user:', user);
          })
          .then(user => ({...item, user: user, itemId}));
      });
      dispatch({ type: 'ui/loading/hide' });
      return Promise.all(userPromises);
    })
  };
};

ここでいう、itemとuserIdは間違いなく表示されているのですが、その次のuserコレクションから引っ張ってくることに失敗しているみたいです。

snapshotの部分を試行錯誤してみて、なんとか次を表示しようと頑張っているのですが今回のエラーが出てしまい解決できていません。
おたすけくださいませ。

追記

        return firebase.firestore().collection('users', '==', userId).get()

ユーザーidを合わせてみることをしてみましたが、やはり取ることはできませんでした。

追記

get()の中にuserIdを入れることで、snapshotに正常な値が入るようになったのですが、今度は下記のエラーでつまってしまっています。。

Error: Query.get failed: First argument must be an object.

Answer 1

編集前のコードについて:

return firebase.firestore().collection('users').doc(userId).get()
    .then(snapshot => snapshot.doc())

ここの snapshot.doc() というのは何のことでしょう？ snapshot.data() の間違いではないでしょうか。

リファレンス:
https://firebase.google.com/docs/reference/js/firebase.firestore.DocumentSnapshot#data

編集後のコードについて:

get()の中にuserIdを入れることで、...

そのようなAPIはないと思います。

Comments

[yamady]

kakajikaさま

ご丁寧な回答を頂きまして誠にありがとうございます。
ドキュメントをよく読む必要があるというのを学ばさせていただきました。

また、一番の原因は（userId）が関数のままであることでした。
`${userId}`で解決しました！