Erreur Firebase non détectée dans Promise : référence de document non valide-Questions et réponses sur le réseau chinois PHP

import { getDocs, collection, query, doc, addDoc } from "firebase/firestore/lite"; import { useState } from "react"; import { db } from "../firebaseConfig"; import { useEffect } from "react"; function EndGame(startGame){ const {startGameHandler} = startGame; const startGameClick = startGameHandler[0]; const time = startGameHandler[1]; const [leaderboard, setLeaderboard] = useState([]); const [user, setUser] = useState(""); const [username, setUsername] = useState("") const [isAnonymous, setIsAnonymous] = useState(false); const loginAnonymously = () =>{ console.log("login hivas ", user) setUser(username) setIsAnonymous(true) } const setScore= async(timeprop, userprop)=>{ console.log(time, user) await addDoc(doc(db, "Leaderboard"), { name: userprop, time: timeprop, }) } async function getLeaderboard(){ const q = query(collection(db, "Leaderboard")); const chacSnapShot = await getDocs(q); const char = chacSnapShot.docs.map(doc => doc.data()); setLeaderboard(char) } useEffect(()=>{ setScore(time, user) getLeaderboard() }, [isAnonymous]) return(  {!isAnonymous && (   setUsername(e.target.value)} />  
 )} {isAnonymous && (  Leaderboard
  {leaderboard.map((data)=>{ return(  {data.name}
 {data.time}
 
 ) })} 
  
 )} 
 ) } export default EndGame

J'ai donc ce composant de fin de partie et lors du rendu, pour une raison quelconque, la fonction setScore est appelée et je pense que c'est pourquoi j'obtiens l'erreur suivante :

Uncaught (promis) FirebaseError : référence de document invalide. Les références aux documents doivent avoir un nombre pair de segments, mais les classements en ont 1.

Sur la ligne 27. Ai-je tort de penser que c'est parce que setScore est appelé lors du rendu ? Si non, quel est le problème/la solution ?

Dans Firebase, j'ai une collection Leaderboard et je souhaite créer des documents à partir de l'heure et du nom des utilisateurs (il devrait y avoir 1 document par utilisateur)

répondre à tous (1)

P粉6857572392023-09-11 00:12:38 1 plancher

MéthodeaddDoc应该使用集合引用而不是文档引用。只有在想要指定文档名称时才会使用文档引用，此时应使用setDoc, veuillez vous référer à l'exemple de code ci-dessous :

const setScore= async(timeprop, userprop)=>{ console.log(time, user) await setDoc(doc(db, "Leaderboard", ""), { name: userprop, time: timeprop, }) }

Pour corriger ce problème, consultez l'exemple de code ci-dessous :

const setScore= async(timeprop, userprop)=>{ console.log(time, user) await addDoc(collection(db, "Leaderboard"), { name: userprop, time: timeprop, }) }

Vous pouvez consulter cetteDocumentationpour plus d'informations.