Ok, estoy aprendiendo a reaccionar y tratando de usar firebase/firestore para jugar, pero por alguna razón no reconocerá la colección y onSnapshot
Tengo lo siguiente:
base de fuego.js
import { initializeApp } from "firebase/app"; import { getAnalytics } from "firebase/analytics"; import { doc, onSnapshot, query, where, getFirestore, collection, getDocs } from 'firebase/firestore'; const firebaseConfig = { ... }; const app = initializeApp(firebaseConfig); const db = getFirestore(); export default db;Aplicación.js
import React, { useState, useEffect } from "react"; import db from './firebase.js'; function App() { useEffect(() => { onSnapshot(collection(db, 'posts'), (snapshot) => { console.log(snapshot); }) }); return ( <p>Return Text</p> ); } export default App;Busqué en Google y leí la documentación y después de tantos intentos todavía no funciona, ¿alguna ayuda?
Intenté usar el código Firebase V8 y V9, esperaba obtener los datos usando console.log y no obtuve nada, la base de datos importada de firebase.js parece funcionar ya que puedo ver los detalles usando console.log
Debe importar esas funciones en App.js y no en firebase.js :
// Add these imports import { onSnapshot, collection } from 'firebase/firestore'; import React, { useState, useEffect } from "react"; import db from './firebase.js'; function App() { useEffect(() => { onSnapshot(collection(db, 'posts'), (snapshot) => { console.log(snapshot); }) }); return ( < p > Return Text < /p> ); } export default App;