Rebase/Redux/Firebase + React 数据未传入

Question

正在尝试从 Firebase 3.x.x 获取 table 数据以与我的 React 应用程序同步。据我所知，这是用于同步两个状态的最流行的库。括号内填写了适当的数据。

App.js:

componentDidMount() {

 var base = Rebase.createClass({
   apiKey: "[API Key]",
   authDomain: "[app-name].firebaseapp.com",
   databaseURL: "https://[my-app].firebaseio.com",
   storageBucket: "[app-name].appspot.com",
 })
 base.syncState(`records`, {
       context: this,
       state: 'records',
       asArray: true
     })
}

当我打电话时

console.log(this.props.state.records)

我得到一个空数组（在 state.js 中初始化的数组）我在 firebase 中的数据如下所示：

https://[app-name].firebaseio.com/ :

[app-name]{
  records[
    record_1{
     id: 0
     description: "this is a record"
    }
    record_2{
     id: 1
     description: "this is another record"
    }
  ]
}

编辑：我认为这与身份验证无关。在 database.rules.sjon 中将读写设置为 true 没有产生任何结果。

编辑：Firebase 正在显示带宽使用情况。

Answer 1

解决方案：

所以数据实际上是从那里开始的。我最初是在 render() 方法中查询它。当我创建一个按钮触发查询 this.state.records 的 class 方法时，数据显示出来了。

所以这意味着 state 直到渲染方法 中的 JSX return 块才被初始化。看起来有点奇怪，但是嘿，现在我知道了。

Rebase/Redux/Firebase + React 数据未传入

Rebase/Redux/Firebase + React data not piping in

rebase

firebase

reactjs

firebase-realtime-database

redux