首页 > 解决方案 > 如何将信息打印到从 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”之类的东西?

任何帮助将不胜感激。

标签: javascriptreactjsreact-nativemobile-application

解决方案


主要有两种可能:

1)尝试检查您是否在屏幕中获得正确的对象。

2)如果对象是正确的,那么像这样取一个对象引用:

var ob = this.props.xyConsts[0];
console.log(ob);
return (
    <Text>{ob.const1}</Text>
);

您可以通过两种不同的方式使用对象:

ob.const1 

ob['const1']

希望对你有帮助...


推荐阅读