Mis datos están estructurados así [1]: https://i.stack.imgur.com/dWsr3.png
Estoy tratando de recorrer la base de datos y colocar los datos de cada tarjeta en accesorios para mi componente ProductCard>. Toma valores ya que me he estado devanando los sesos con esto y buscando en Google constantemente, pero este es mi mejor intento.
const db = getDatabase(); const dbRef = ref(db, 'products'); onValue(dbRef, (snapshot) => { snapshot.forEach((childSnapshot) => { return ( <ProductCard title={childSnapshot.val().prod_title} /> ) }); }, { onlyOnce: true });Soy muy novato con reaccionar, ¡así que agradezco cualquier consejo!
Use la función de map en lugar de forEach para devolver una matriz de elementos JSX y luego haga algo con esta matriz de elementos (no estoy seguro de qué, ya que su fragmento es demasiado pequeño):
const elements = snapshot.map((childSnapshot) => { return ( <ProductCard title={childSnapshot.val().prod_title} /> ) }); // do something with elements array here or maybe just return it