React(typescript)、firebase(firestore)を用いてサイト作成をしています。
その際、URLの情報をパラメータとして取得し、当該ドキュメント(1件)のデータを表示するページを作成しています。
…DocumentSnapshot型というクラス(※)を使用しています。
※ドキュメントId(RDBで言うPk)を指定することで1件だけのドキュメントを保持する
その単一ドキュメントへ1度の処理を行いたいのですが、なぜか2度処理されている(下記コードにおいて、console.log出力が2度なされる)点が、解消できずお伺いさせて頂いた次第です。
typescript
1function ProductBasicInfo(){ 2 const {productId}=useParams<any>(); 3 4 firebase.firestore().collection('product').doc(productId).get().then 5 ((querySnapshot) => 6 { 7 console.log(querySnapshot.data()); 8 } 9 ); 10 11 return (<div>~~~</div>) 12}
※デバッグしてみた結果、上記処理が呼ばれている回数は1回で、上記コードの中で繰り返し実行されている挙動でした。
以上、参考になりますことありましたら、ご教示くださいますと幸いです。
何卒よろしくお願いいたします。不足等あればその旨ご教示ください。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。