如何将信息打印到从firebase获取的屏幕?

时间:2018-06-03 04:23:38

标签: javascript reactjs react-native mobile-application

我正在努力控制登录从firebase获取的信息。

我的代码:     class 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);

从控制台日志中,我可以看到the console log printout

的信息

它看起来像一个物体。但是当我想打印出“this.props.xyConsts [0] .const1”或其他键时,我得到了未定义。

我怀疑firebase返回的信息不是对象,但是如何在屏幕上显示“this.props.xyConsts [0] .const1”这样的内容?

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

主要有两种可能性:

1)尝试检查你是否在屏幕上获得了正确的对象。

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

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

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

ob.const1 

ob['const1']

希望这会对你有帮助......