在 React Native 应用程序上检索 Firebase 数据时出现问题
ercm21
我正在尝试显示已存储在我的 Firebase 实时数据库中的 WeightGoal，但出现以下错误。“对象作为 React 子对象无效（找到：带有键 {...} 的对象）”
这是我的 json 文件：
这是我的 componentWillMount 代码：
componentWillMount() {
const { currentUser } = firebase.auth();
firebase
.database()
.ref(`/users/${currentUser.uid}/goals`)
.on('value', snap => {
this.setState({ WeightGoal: snap.val()})
})
}
下面是我如何引用 render 中的值：
{this.state.WeightGoal}
我的期望是在屏幕上看到 170。
任何帮助将不胜感激。
爱德华
snap.val()是由goal数据库中的对象组成的对象，因为这是您引用的对象：
.ref(`/users/${currentUser.uid}/goals`)
因此，如果您只想存储WeightGoal property, 使用的行this.setState应如下所示：
this.setState({ WeightGoal: snap.val().WeightGoal })
PS 下次尝试将 console.log(this.state) 添加到 render() 中以查看您正在显示的内容。或者在 Chrome Debugger 中添加断点，这是一种更可靠的方式。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在设备上运行React Native时出现问题
- 2
Firebase注销功能未重定向到EXPO React Native应用程序上的登录屏幕
- 3
将图像从React-Native应用程序上传到Firebase存储
- 4
尝试在 React Native 应用程序上运行 jest 时测试失败。无法找到“setupDevtools”错误
- 5
应用构建失败，React Native发生异常，评估脚本时出现问题
- 6
在Mac上设置getstream.io react native demo时出现问题
- 7
App Inventor：从Firebase数据库检索数据时出现问题
- 8
异步Firebase数据在React Native上获取
- 9
更新React Native之后安装Pod时出现问题
- 10
在Firebase托管的单页应用程序上出现路由深度问题
- 11
在Android Studio中从Firebase数据库检索图像时出现问题
- 12
React-native：在重新加载应用程序上，用户必须保持登录状态
- 13
React-native：在重新加载应用程序上，用户必须保持登录状态
- 14
对React Native应用程序的Firebase支持确认
- 15
Firebase 与 React-Native IOS 应用程序的集成失败
- 16
React Native：从Firebase获取数据
- 17
从 React Native 中的 Firebase 子对象检索数据
- 18
将 React 应用程序导出为包含 SVG 图片的 npm 模块时出现问题
- 19
使用Android 10在pdf应用程序上显示pdf文件时出现问题
- 20
在我的create-react-app应用程序上运行电子构建会出现错误？
- 21
React Native Firebase：从 firebase 读取数据时出错
- 22
react-native firebase检索用户
- 23
从Firebase react-native检索键名
- 24
在真实设备上启动时，React-Native新鲜应用程序立即关闭
- 25
使用npm install -g expo-cli安装React Native Expo时出现问题
- 26
运行'react-native run-android'时出现问题
- 27
React-Native 应用程序中的网络问题
- 28
保存新数据 - React Native + Firebase
- 29
React-Native - TextInput 中的 Firebase 数据
我来说两句