Firestoreから単一Documentを取得したい

Question

実現したいこと

Firestoreから単一Documentを取得したいのですが、うまくいきません。
userDocがundefinedになります。
記述方法が間違っているのでしょうか。
よろしくお願いいたします。

該当のソースコード

async componentDidMount() {
    // TODO: Firestoreからユーザ情報を取得
    try {
      const db = firebase.firestore();
      const user = getCurrentUser();
      const userDoc = await db.collection("users").doc(user.uid).get();
      console.log(userDoc.data());
      this.setState({
        name: userDoc.data.name,
        profileImageUrl: userDoc.data.image,
      });
    } catch (error) {
      console.error(error);
    }
  }

Comments

[nekoniki]

うまくいかない、の詳細が分からないとなんともいえません。
何らかのエラーが出ているのか、userDocがundefiendになっているということですか？

[ug_o]

情報が足りず申し訳ございません。
userDocがundefinedになっています。

[nekoniki]

だとすれば書き方は間違っていないと思うので、user.uidに該当するドキュメントがないのだと思います。
一度下記のループを回してみて、user.uidに該当するユーザがないか確認してみてはどうでしょう？

db.collection("user").get().then((docs) => {
if (docs.exists) {
docs.fotEach(doc => {
console.log(doc.data());
})
}
})

[ug_o]

ありがとうございます。
上記で確認したところ、おっしゃる通り該当ユーザーがいない（ログインしているか）が取得できていませんでした。
ログインしているかを判定するコード記述順序を変更したところ、うまく取得できました！
ご教授ありがとうございました。

Answer 1

既に解決とのことなのであくまで補足ですが、

this.setState({
  name: userDoc.data.name,
  profileImageUrl: userDoc.data.image,
});

userDocのundefiend対策で下記のようにするとなお良いと思います。

this.setState({
  // それぞれuserDocがundefiendだとエラーになるので、その場合は空文字でsetStateする
  name: userDoc?.data?.name || '',
  profileImageUrl: userDoc?.data?.image || '',
});

Comments

[ug_o]

なるほど、いただいた記述試してみます！
この度はありがとうございました。