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

【问题标题】：Data from Firebase undefined in React来自 Firebase 的数据在 React 中未定义
【发布时间】：2016-02-15 00:27:26
【问题描述】：

我暂时使用 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。我尝试将数据作为对象而不是数组获取。我有一种感觉，我只是指错了地方。

有什么想法吗？

干杯。

【问题讨论】：

/days 处的数据是什么样的？
哦，我明白了。数据不会立即加载。出于测试目的，将日志包装在三秒超时中。或者更好的是，将日志移动到您的渲染方法。加载数据后，组件将重新渲染。

标签： mongodb reactjs firebase state

【解决方案1】：

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

【讨论】：