실시간업데이트 작업 중 error(추가,update)
const q = query(
collection(dbService, "Tasks"),
orderBy("createAt", "desc") // 해당 collection 내의 docs들을 createdAt 속성을 내림차순 기준으로
);
onSnapshot(q, (snapshot) => {
// q (쿼리)안에 담긴 collection 내의 변화가 생길 때 마다 매번 실행됨
const newTasks = snapshot.docs.map((doc) => {
const newTask = {
id: doc.id,
...doc.data(), // doc.data() : { text, createdAt, ... }
};
console.log(newTask);
return newTask;
});
setTasklist(newTasks);
});
q에 query 를 이용하여 Tasks 를 collect 해 객체를 가져온다.
가져올 때 orderBy 를 createAt 를 기준하여 내림차순으로 가져온다.
여기서 기준점인 createAt 를 createdAt 로 사용하여
기준 자체가 없어져 버려 계속 빈배열이 렌더링 되었다...(내 시간..)
query 사용시 데이터가 없어도 따로 경고나 error 가 뜨지 않고
또한 데이터 추가, 업데이트 시에도
task: "땡땡땡" 을 text:" 땡땡땡" 이라고 해도 text 에 그래도 추가가 되지만
error 메시지 나 경고는 뜨지 않는다.
Firebase를 사용할 땐 변수명을 정확히 입력해야겠다!!!