Page 333 - MDP2022-3
P. 333
content: announcementContent,
date: moment().format("MMM Do YY"),
image: user.photoURL,
name: user.displayName,
});
myClassRef.ref.update({
posts: tempPosts,
});
} catch (error) {
console.error(error);
alert(`There was an error posting the announcement, please try again!`);
}
};
useEffect(() => {
db.collection("classes")
.doc(id)
.onSnapshot((snapshot) => {
const data = snapshot.data();
if (!data) navigate("/", { replace: true });
console.log(data);
setClassData(data);
});
}, []);
useEffect(() => {
if (loading) return;
if (!user) navigate("/", { replace: true });
}, [loading, user]);
console.log(classData);
return (
//화면에 그려주기
<div className="class">
<div className="class__nameBox">
<div className="class__name">{classData?.name}</div>
</div>