見出し画像

Firebase Cloud Firestoreからデータを削除する

Cloud Firestoreからデータを削除するには、ドキュメントIDを取得する必要があります(下記の画像の赤丸のIDです)

getDocs()でデータを取得して、map関数などで展開する時にIDを取得します
下記の例で言うと、doc.idになります

//データベースからデータを取得する
const postData = collection(db, "posts");


getDocs(postData).then((snapshot) => {

    const docData = snapshot.docs.map((doc) => ({

      ...doc.data(),

      docId: doc.id,

  }));

    setPosts(docData);

});

これでデータの中身とドキュメントIDが取得できました


データベースからデータを削除する

firebaseからdoc, deleteDocをインポートして使います

deleteDoc(doc(db, "posts", ドキュメントID)) で削除できます

下記の例だと、post.docIdがドキュメントIDになります

//データベースからデータを削除する
import {doc, deleteDoc } from "firebase/firestore";

posts.map(async (post) => {

    await deleteDoc(doc(db, "posts", post.docId))

    .then(() => {

      console.log("Document successfully deleted!");

    })

    .catch((error) => {

      console.error("Error removing document: ", error);

    });

});




この記事が気に入ったらサポートをしてみませんか?