Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

79
Visualizações
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 Respostas
Responde à pergunta

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda