来自Firebase的数据在React中未定义

时间:2015-11-13 12:10:49

标签: mongodb reactjs firebase state

暂时我正在使用Firebase作为本地Mongo商店的替代品。

我已经遵循了各种教程,但它们都适用于旧版本的ES6。我试图将它们调整到v14和ES6,但是,没有错误但没有数据!

一些代码:

var Rebase = require('re-base');
var base = Rebase.createClass('https://reactathon.firebaseio.com/days');

...

componentDidMount() {
        console.log('ExampleComponent Mounted');
        base.bindToState('days', {
            context: this,
            state: 'days',
            asArray: true
        });
        console.log(this.state.days[0]);
    }

控制台只是记录未定义。我已尝试使用和不使用/ days的基本URL。我已经尝试将数据作为对象而不是数组。我有一种感觉,我只是指着错误的东西。

有什么想法吗?

干杯。

1 个答案:

答案 0 :(得分:1)

bindToState是一个异步方法,因此设置该侦听器需要一些时间。您在设置侦听器之前进行了日志记录。正如Jacob在他的评论中提到的那样,将您的日志移动到您的渲染方法,然后一旦您的状态绑定到Firebase,您的组件将重新渲染,您应该看到您的数据。