如何打印我在控制台上看到的firebase数组元素在网页上显示它们？

Question

这是我第一次使用Firebase。因此，我有点像在控制台中的数据库中获取的数据，但我不知道如何访问数据元素并可能显示它们。

我使用了一个React钩子检索数据。

  React.useEffect(() => {
    const dbRef=ref(db,"thisIsMyDatabaseString");
    onValue(dbRef,(snapshot)=>{
      console.log(snapshot.val());
    })
  },[]);

我可以看到数组元素

我不知道如何在网格中显示它们（我正在使用材料UI）。

任何帮助将不胜感激。 谢谢！

Answer 1

您可以在快照上使用Firebase的内置 foreach ：

const dbRef=ref(db,"thisIsMyDatabaseString");
onValue(dbRef,(snapshot)=>{
  snapshot.forEach((child) => {
    console.log(child.val());
  })
})

请注意，这种顺序数字索引是firebase中常见的反图案，因此我也建议您也建议阅读最佳实践：firebase中的阵列。