如何在 react-native 中检索 firebase 数据

Question

我试图从 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数组的行为不像数组。 请帮助我找出问题所在

Answer 1

你不能像那样推送数据。 试试这个代码。

    const [arr,setArr] = useState([]);
      

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

Answer 2

使用 forEach 关键字进行迭代。 有用