teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記

2019/08/16 01:29

投稿

退会済みユーザー
answer CHANGED
@@ -11,4 +11,23 @@
11
11
  });
12
12
  ```
13
13
 
14
- このようにしないとstate.itemsに取得データはセットできないと思います。
14
+ このようにしないとstate.itemsに取得データはセットできないと思います。
15
+
16
+ # 追記
17
+ 発展編としてPromiseの糖衣構文であるasync/awaitを活用するとより今風です。
18
+
19
+ ```js
20
+ async componentDidMount() {
21
+ const querySnapshot = await firebase
22
+ .firestore()
23
+ .collection("items")
24
+ .get()
25
+
26
+ const items = [];
27
+ querySnapshot.forEach(doc => {
28
+ items.push(doc.data());
29
+ });
30
+
31
+ this.setState({ items: items });
32
+ }
33
+ ```