Quiero implementar un código para recuperar datos de la colección firestore
Uso mecanografiado como lenguaje de programación. Pero encontré un error al seguir el ejemplo existente, mientras que el ejemplo usa javascript
el error ocurrió en setBookmark(querySnapshot.forEach((doc) => {
React.useEffect(() => { const getBookmark = async () => { try { const querySnapshot = await getDocs(collection(db, "bookmark")); setBookmark(querySnapshot.forEach((doc) => { id: doc.id, data: doc.data() // console.log(`${doc.id} => ${doc.data()}`); })); } catch (e) { console.error("Error getting document: ", e); } }; getBookmark(); }, []);forEach devuelve vacío, por lo tanto, el error. Creo que quieres usar .map en su lugar. Su corriente siempre establecería setBookmark(null) . Escribiría el código por usted, pero no está claro qué se incluye en el marcador.
map devolverá una nueva lista basada en la lista anterior, mientras que forEach es simplemente iterar y no devolver nada.
Como recuerdo, no puede usar el mapa con querySnapshot, pero puede crear una matriz a partir de él.
const myArray = []; querySnapshot.forEach((doc) => { myArray.push({ id: doc.id, data: doc.data() }) setBookmark(myArray)