javascript - 如何将信息打印到从 firebase 获取的屏幕上?
问题描述
我正在努力控制台记录从 firebase 获取的信息。
我的代码: 类 HistoryPage 扩展 Component {
componentWillMount() {
this.props.historyFetch();
}
render() {
var ob = this.props.xyConsts[0];
console.log(ob);
return (
<Text>{this.props.xyConsts[0].const1}</Text>
);
}
}
const mapstateToProp = (state) => {
const xyConsts = _.map(state.historyPage, (val, uid) => {
return { ...val, uid };
});
return { xyConsts };
};
export default connect(mapstateToProp, { historyFetch })(HistoryPage);
从控制台日志,我得到的信息可以在这里看到控制台日志打印输出
它看起来像一个物体。但是当我想打印出“this.props.xyConsts[0].const1”或其他键时,我没有定义。
我怀疑从 firebase 返回的信息不是一个对象,但我怎样才能在屏幕上访问和打印诸如“this.props.xyConsts[0].const1”之类的东西?
任何帮助将不胜感激。
解决方案
主要有两种可能:
1)尝试检查您是否在屏幕中获得正确的对象。
2)如果对象是正确的,那么像这样取一个对象引用:
var ob = this.props.xyConsts[0];
console.log(ob);
return (
<Text>{ob.const1}</Text>
);
您可以通过两种不同的方式使用对象:
ob.const1
和
ob['const1']
希望对你有帮助...
推荐阅读
- javascript - 使用数组属性初始化对象
- kubernetes - 本地 VM 上的 consul 和 Kubernetes 中的 consul 之间的通信
- linux - Cron 作业 Linux Shell 命令 SiteGround - 它在哪个目录中运行?
- python - Python Webscraping:grequests 与多线程请求?
- aws-lambda - 如何使用 @aws-cdk/pipelines 模块构造打包依赖项?出现错误 TS2307
- c# - 在实体框架中附加现有子实体时出现异常
- css - 我的滚动固定导航栏下拉菜单显示不正确
- woocommerce - 在 WooCommerce 2.6.x 中更改支付网关的购物车总数
- swift - UISearchBar.value for key 在swift中做了什么?
- php - 在表单的我的帐户页面上重新排序自定义字段(编辑帐户)