如何在react-native中检索firebase数据并遍历每个条目答案

【问题标题】：how to retrieve firebase data in react-native and loop through each entry如何在react-native中检索firebase数据并遍历每个条目
【发布时间】：2021-07-20 22:13:50
【问题描述】：

我试图从 firebase 数据库中获取数据，我很好地获取了数据，但是当我尝试推送数组中接收到的所有项目时，我获得了一个数组，我无法像任何其他 javascript 数组一样迭代该数组。这是我的代码：

var li = [];
  
  useEffect(() => {
    firebaseDB
      .database()
      .ref("collection")
      .on("value", (data) => {
        let all = data;
        
        all.forEach((element) => {
          
          li.push(element.val());
        });
      });
  }, []);
  console.log(li);

当我执行 console.log(li) 时，我得到了 li 数组，这对数据来说似乎没问题，但是当我尝试对数组做一些事情时，例如如果我执行 console.log(li.length) ，它会打印 0 但数组中有多个项目。问题是我的 li 数组的行为不像数组。请帮我找出问题所在

【问题讨论】：

标签： javascript firebase firebase-realtime-database

【解决方案1】：

 const [arr,setArr] = useState([]);
  
  useEffect(()=>{
  firebaseDB
  .database()
  .ref("collection")
  .on("value", (snapshot) =>{
    let data = [];
    snapshot.forEach((child)=>{
      data.push(child.val());
    })
   setArr(data);
  });
 
},[])

【讨论】：