从 firebase 中的数组中删除

Question

我目前无法从我的 firebase Firestore 中的数组中删除一个项目。我可以在本地删除它，但是当我刷新时它又出现了。我知道我应该使用实际值。这是我的相关代码，这是我的 Firestore 中的项目的样子const removeGoalHandler = async (goalId) => {    let goalToDel = {}    for(let i =0; i < courseGoals.length; i++){        if(courseGoals[i].id == goalId){            console.log(courseGoals[i])            goalToDel = courseGoals[i]        }    }    const removeGoal = await loansRef.doc(userId).update({        goals: firebase.firestore.FieldValue.arrayRemove(goalToDel)    })    setCourseGoals((currentGoals)=> {        return currentGoals.filter((goal)=> goal.id !== goalId)    })    setGoalCounter(goalCounter-1)};const addToFB = async (goalTitle, interestRate, years, paidOff,id) => {    //adding data to firebase, takes into account if doc exists already     if(id==undefined){        id = goalCounter    }    console.log('add to firebase')    const loadDoc = await loansRef.doc(userId).get()        .then((docSnapshot)=> {            if(docSnapshot.exists){                loansRef.doc(userId).onSnapshot((docu)=>{                    console.log('num2: '+ (goalCounter+id).toString())                    const updateLoansArr = loansRef.doc(userId).update({                        goals: firebase.firestore.FieldValue.arrayUnion({                            id: userId+(goalCounter+id).toString(),                            value: goalTitle,                            interest: interestRate,                            years: years,                            paidOff: paidOff                        })                    })                })            }            

Answer 1

您遇到的问题是arrayRemove()使用严格相等来比较数组元素并确定要删除的元素，它不会像您在代码中所做的那样比较“ids”。不幸的是，这意味着每个对象都将被视为与其他所有对象不同（无论是不同的 id 还是相同的 id），无论它们有多相同，（{} === {} //false），因此它找不到要删除的元素。arrayRemove()使用包含基本类型的数组会更好：（数字、字符串等）。

就目前而言，您最好的选择是获取现有文档，使用您的“id”逻辑删除所需的元素并将其写回。像这样：

const removeGoalHandler = async (goalId) => {

    const existingDoc = await loansRef.doc(userId).get();

    const goals = existingDoc.data().goals.filter(goal => goal.id !== goalId);

    await loansRef.doc(userId).update({ goals });

    setCourseGoals(goals);

    ...

};