Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

77
Vistas
Obtener datos individuales por ID de documento Reactjs Firebase Web SDK 9

Quiero obtener los datos de un solo documento por ID seleccionado. Probé con la función "child" y "orderByChild", pero parece que no funcionó con el SDK web 9. ¿Podría ayudarme con la consulta de formato nuevo de la versión web 9? A continuación se muestra mi código en la base de datos de la tabla:

 <Link to={`/view/${id}`}> {id.data.dateCreate} </Link>

Y el código en la página "Ver":

 const [user, setUser] = useState({}); const { id } = useParams(); useEffect(() => { db .orderByChild(`reports/${id}`) .get() .then((snapshot) => { if (snapshot.exists()) { setUser({ ...snapshot.val() }); } else { setUser({}); } }); }, [id]);

¡Muchas gracias por tu ayuda!

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Puede usar la función getDoc() para obtener un solo documento como se muestra a continuación:

 import { doc, getDoc } from "firebase/firestore"; useEffect(() => { const fetchDocById = async () => { // Create DocumentReference const docRef = doc(db, "reports", id) // db = getFirestore() // Fetch document const docSnap = await getDoc(docRef) if (snapshot.exists()) { setUser({ ...snapshot.val() }); } else { setUser({}); } } fetchDocById() }, [id]);

Consulte también: Firestore: ¿Cuál es el patrón para agregar nuevos datos en Web v9?

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda