如何在 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 關鍵字進行迭代。 有用