如何在 React JS 中从 firebase 实时数据库中获取数据？

Question

我正在尝试从 firebase（实时数据库）获取数据。我参考了各种视频，但没有得到正确的解决方案。我不知道我在哪里犯了错误。我分享我的代码和 firebase 屏幕截图。

我想在前端以 table 形式显示此 firebase 数据。

此处为 firebase 实时数据库的屏幕截图。

我的密码是：

import React,{useEffect} from 'react'
function TableDataGet() {
 useEffect(() => {
    return () => {
//firebase get table datacode
}})
 return (
<div>
      <div>
        <table>
            <thead>
                <tr>
                    <th>id</th>
                    <th>name</th>
                    <th>nameMarathi</th>
                    <th>srno</th>
                    <th>mobile</th>
                </tr>
            </thead>

            <tbody>
                {
                   DataUser.map((item,id)=>{
                       <div>
                           {item.name}
                       </div>
                   })
                }
            </tbody>
        </table>
        </div>
</div>


 )
}
export default TableDataGet

Answer 1

这里是从 Firebase 实时数据库获取数据的查询。

      let ref = database.ref("/buyers");
      ref.on("value", snapshot => {
      const data = snapshot.val()
      console.log(data)
      })

如何在 React JS 中从 firebase 实时数据库中获取数据？

How to get the data from firebase realtime database in react js?

reactjs

firebase