안녕하세요 react + firebase 문의 드립니다.
처음에
const data = [];
db.collection('product').get().then((snapshot)=>{
snapshot.forEach((doc)=>{
data.push(doc.data())
})
})
data 를 props로 Card 컴포넌트로 보내서 map으로 처리했습니다.
화면에는 Card가 안나와서
db받아오기전에 밑에 코드가 그냥 실행되서 빈 data[]가 전달되서 빈화면이 보이는 건가? 해서
const getData = async()=>{
try{
const product = db.collection('product');
const result = (await product.get()).docs.map(snapshot =>snapshot.data() )
console.log(result)
return result
}catch(error){
}
}
let a = getData();
console.log(a)
async/await으로 해봤습니다.
함수안에서 db는 잘 찍히는데,
함수 호출했을 경우에는 pending 에러가 나서 문의 드립니다.
제가 async/await을 잘 못 쓴건지
firebase 에서 다른 처리가 있는지 문의드립니다.
