firebase를 이용한 수정, 삭제버튼

김민우·2022년 11월 24일
0

스파르타 내배캠4기

목록 보기
23/73

댓글 창에 수정, 삭제 부분을 구현했다.

수정 부분

export const update_list = async (event) => {
  event.preventDefault();
  const newComment = event.target.parentNode.children[0].value;
  const id = event.target.parentNode.id;

  const parentNode = event.target.parentNode.parentNode;
  const commentText = parentNode.children[0];
  commentText.classList.remove("noDisplay");
  const commentInputP = parentNode.children[1];
  commentInputP.classList.remove("d-flex");
  commentInputP.classList.add("noDisplay");

  const commentRef = doc(dbService, "comments", id);
  try {
    await updateDoc(commentRef, { text: newComment });
    getMyList();
  } catch (error) {
    alert(error);
  }
};

삭제 부분

export const delete_list = async (event) => {
  event.preventDefault();
  const id = event.target.name;
  const ok = window.confirm("삭제하시겠습니까?");
  if (ok) {
    try {
      await deleteDoc(doc(dbService, "comments", id));
      getMyList();
    } catch (error) {
      alert(error);
    }
  }
};

profile
개발자로서 한걸음

0개의 댓글