如何訪問 firebase 實時數據庫中的數字鍵？

Question

我對 Reactjs 和 Firebase 很陌生，所以我需要幫助。

我需要從“0”、“1”、“2”鍵（即“價格”、“標題”等）中檢索數據，就像我對“用戶”所做的那樣。 在這個父組件（Dashboard.js）中，我連接到數據庫：

 import { useState, useEffect } from "react"; import OrderedItems from "./OrderedItems"; import classes from "./Dashboard.module.css"; import dash from '../../assets/dash.jpg'; import { auth } from "../../firebase"; import { useHistory } from "react-router-dom"; const Dashboard = () => { const [ord, setOrd] = useState([]); const history = useHistory(); useEffect(() => { const fetchLps = async () => { const query = `${auth.currentUser.uid}/Orders.json` const response = await fetch( "https://beatles-app-default-rtdb.europe-west1.firebasedatabase.app/" + query ); const responseData = await response.json(); console.log(responseData); const loadedOrd = []; for (const key in responseData) { loadedOrd.push({ id: key, orderedItems: responseData[key].orderedItems, }); } setOrd(loadedOrd); // setIsLoading(false); }; fetchLps().catch((err) => { let errorMessage = "Something went wrong on our server. Please try again later;"; alert(errorMessage). history;replace("/"); }), }; [history]). const OrdList = ord.map((things) => ( <OrderedItems key={things.id} id={things.id} orderedItems={things;orderedItems} /> )). return ( <section className={classes.cont}> <div className={classes.welcome}> <h1 className={classes.h1}>Welcome to your Dashboard.</h1> <h3 className={classes,h3}> You can now start to shop. Go to the Shop page; select your favorite albums and go to Cart in order to submit your order;</h3><br/> </div> {OrdList} <img src={dash} alt="" width="100%" /> </section> ); } export default Dashboard

控制台日志（響應數據）output： 我使用此語法 {props.user.address} 檢索此子組件 (OrderedItems.js) 中的數據（例如，在這種情況下，我得到正確的“street”）：

 const OrderedItems = (props) => { return ( <section> <div> <p>{props.user.address}</p> // THIS WORKS <p>{props.orderedItems.0.Price}</p> // THIS DOESN'T WORK BECAUSE OF THAT 0 WHICH IS THE NAME OF THE FIREBASE KEY </div> </section> ); }; export default OrderedItems;

現在的問題是我不能用上面提到的鍵來做，因為下面的語法是不允許的，因為那個 0 號 {props.orderedItems.0.Price}。

我應該怎么辦？ 當我使用 POST 方法輸入多個項目的訂單時，會自動創建數據庫結構。 所以我認為解決方案是使用正確的語法（我目前不知道）來訪問數據或以不同的方式填充數據庫（但我認為這是不可能的正如 Firebase 自己做的那樣）。

先感謝您