reactjs-如何使用React上的onClick事件更改firestore数据库中的值？

我想更改firestore数据库中的任务状态，但即使我尝试了所有方法，也无法成功。我只想改变一下；“状态”；“我的收藏”中的字段，该字段位于具有给定id的文档中。

我的目录如下：mycollection -> id -> status:"waiting"

首先，我导入了这些：

import { db } from "../../../firebase";
import { getDatabase, ref, set } from "firebase/database";

在最佳情况下，即：

const writeUserData = (id, inFieldStatus) => {
    const db = getDatabase();
    set(ref(db, '/mycollection' + id), {
        status: inFieldStatus
    });
}

Ps：我可以成功地在“db”中获取我的数据库，这没有错。我的数据库名称/id正确。

它给了我这个错误：@firebase/database: FIREBASE WARNING: Firebase error. Please ensure that you spelled the name of your Firebase correctly

我认为：onClick={(e) => writeUserData(item.id,"approved")}

此外，我在我的firebase中也做了这些。js文件：

const app = initializeApp(firebaseConfig)
const db = getFirestore(app)
export {db}

问题通过以下功能线解决：

async function handleData (data,inFieldStatus) {
        const docData = {
            docData1: data.docData1,
            docData2: data.docData2,
            ...,
            status: inFieldStatus
        };
        await setDoc(doc(db, "mycollection", data.id), docData)
        }