繁体   English   中英

如何访问 firebase 实时数据库中的数字键?

How do I access a numeric key in firebase realtime database?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我对 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 自己做的那样)。

先感谢您

问题暂未有回复.您可以查看右边的相关问题.
1 如何消除实时数据库Firebase抖动中的自动生成的密钥

我想消除对我没有意义的ET的自动生成的子名称,因为我想更新分支中的特定项目,但由于自动生成的名称而无法导航到该项目,是否有这样做的方法? ((对不起,如果您觉得很难理解我,因为我真的不知道它的正式名称,让我知道我应该分享什么代码)) 谢谢! ...

4 如何从 Firebase 实时数据库中获取数据,这些数据是随机密钥的子项 - 使用本机反应?

我是本机反应的新手,我正在使用 Firebase 实时数据库。 我正在尝试从 firebase 数据库中获取所有“睡眠”值 - 如此屏幕截图所示。 我可以继续到这里 - 并获取症状树中的所有数据 - 但我只对获取这些随机键内的睡眠值感兴趣。 我不知道如何浏览键 - 特别是在添加新子项时 ...

5 如何获得由 Firebase 实时数据库为 Android 分配的随机密钥?

每当我尝试获取密钥时,它都会给我一个随机密钥,而不是我之前在日志中拥有的正确密钥,并且数据也不会被删除。 这是我要删除的数据: 这就是我目前尝试删除它的方式: 运行该代码后,数据库中的数据不会被删除,并且我在日志中不断获得一个随机键:2022-02-04 11:49:57.102 10212-1 ...

6 Android:如何将微调器值设置为 Firebase 实时数据库中的键?

我正在为餐厅员工制作一个反馈应用程序,其中经理可以从微调器中选择员工的姓名,并从评分栏 (1-5) 中给他评分。 我的问题是如何将key的员工姓名和value设为 Firebase 实时数据库中评级栏中的评级。 像这样的东西—— 这里 Max 和 Alex 是通过微调列表选择的员工姓名。 ...

7 如何从 Flutter 中的 Firebase 实时数据库中获取我最近推送 ID 的密钥?

我正在尝试从我的订单表中获取最新的 ID,然后我可以在路径中使用此 ID 来获取订单号并将其加一。 我知道我需要以某种方式使用“关键”词,但我一直无法解决这个问题。 我的数据库表如下所示: 编辑:有人可以告诉我是否有可能在完成后(而不是直接在添加订单后)获取唯一的推送 ID? 我查看了所有 ...

9 如何访问从 firebase 实时数据库中提取和提取的 map 中的 object 值

我是 dart 的初学者自学者,所以请原谅我对大多数专业人士的一个微不足道的问题(尽管这是我的第一个问题)。 所以这里是: 我正在使用以下代码从 Firebase 获取数据: 现在,我得到一个示例 map (目前在 Firebase 中只有一个条目): 结果: CartData 值已正确存储,我设 ...

10 React 应用程序中的 Firebase 实时数据库:如何访问这些值?

我正在开发一个应用程序,其中一位主持人在单击时写入数据库,而访客仅读取数据。 如果 user====id 为真,您就是主持人。 我想为主持人执行的来宾调用点击事件,以便他们也看到结果。 但是当我尝试访问这些值时,他们说它为空。 唯一的方法是以访客身份点击应用程序,因为我不想要访客,因为访客应该在不做 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM